标签换行产生的间距有什么好的解决办法吗？
时间：2011-09-08
来源：互联网
比如多个li标签换行如下：
复制内容到剪贴板
<li>你好</li>
<li>你好</li>
<li>你好</li>
然后再对li使用display:inline-block;那么在Firefox和Chrome浏览器下就会看到每个li之间会有小空隙，如果写成如下形式就可以避免空隙：
代码:
<li>你好</li><li>你好</li>
<li>你好</li>
<li>你好</li>
复制内容到剪贴板
><li>你好</li
><li>你好</li
><li>你好</li>
但这样看起来相当不美观，大家有什么好的解决办法吗？ 代码:
<li>你好</li><li>你好</li
><li>你好</li
><li>你好</li>
作者: xhslyf 发布时间: 2011-09-08
这个问题一直都有，就是内联元素回车也是出同样的问题，解决方法大致有以下几种吧
1.给li元素的父标签设置font-size:0; li把font-size重新写下即：ul {font-size:0;} li { font-size:12px;} 这个兼容性有些吧，主要是有些浏览器设置了最小字号了，比如chrome和opera
2.设置负margin即 li { margin-left:-6px; }
1.给li元素的父标签设置font-size:0; li把font-size重新写下即：ul {font-size:0;} li { font-size:12px;} 这个兼容性有些吧，主要是有些浏览器设置了最小字号了，比如chrome和opera
2.设置负margin即 li { margin-left:-6px; }
作者: wyysf 发布时间: 2011-09-08
设置font-size:0
作者: yiliao2000 发布时间: 2011-09-08
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
