如何摆脱CSS水平列表项目之间的空白？

2018-07-02 00:30:12

这个问题在这里已经有了答案：

为什么这些内嵌块div元素之间存在无法解释的差距？ 6个答案

如何去除内嵌块元素之间的空间？ 32个答案

您需要使用display:block和float:left在li s到删除的空间。当他们内联时，浏览器将它们视为单词，因此在两者之间留下空间。

也看到我的类似问题。

结合@Skilldrick和@teedyay，你有你的答案和解释。
如果<li> s被视为单词，那么它们周围的任何空白都被压缩为一个空格。

所以我想这是一个看起来像一个bug的功能。

要删除该空间，请将所有<li>放入链中，并在它们之间没有空白。
要么
将<ul>上的字体大小减小到0并恢复<li>上的大小

您还可以为<ul>标签设置font-size:0 。

链接地址: http://www.djcxy.com/p/89267.html