CSS中 li 之间的间隔如何取消？

html-css016

CSS中 li 之间的间隔如何取消？,第1张

这是因为你把li设置成行内元素了，行内元素之间是会有一定间隙的，间隙的大小与默认的font-size设置有关，这个值越大，间隙也越大，如果你在ul层设置font-size=0，那么间隙即可去掉，但是如果ul有字体的话，也看不见了，li里面的字体可以另外设置大小。还有一种办法就是连着写代码：

<ul>

    <li>

    </li>

</ul>

这样的写法改成

<ul><li></li></ul>

或者

<ul><

li><

/li></ul>

为什么写在一行之后空隙会不见了呢？我认为原因是浏览器会解析HTML代码中行内元素之间的换行符，当行内元素之间没有换行符之后，间隙自然就没了。

使用css语句：line-height

通过设置不同的line-height值得到不同间距。

代码：

效果：

扩展资料：

line-height的可以设置三种方式：像素，百分比，数值。

参考资料：w3school--line-height