行内元素=内联元素(display=inline)

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

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

这样的写法改成

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

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

posted @ 2022-02-24 10:53  霓裳依旧  阅读(74)  评论(0编辑  收藏  举报