在我们敲代码使用<li>标签时,<li>标签前都会出现项目符号
- 我是li标签
当时我都是直接使用 `list-style: none;`来清除项目符号,并没有去深究。 今天我在敲代码时发现当我给li标签设置`display: block;`时,也可以直接清除使用li标签时出现项目符号。
<li>
标签在
<li>
元素中默认的display值就是list-item。
而项目符号就是因为display的值为list-item才出现的。
所以说,如果当我改变<li>
标签中display的值,那么项目符号就会消失。关于
display: list-item
为什么list-item元素会出现项目符号呢? 其实本质就是在生成本身盒子的时候,还生成了一个"标记盒子",这个标记盒子就是专门用来放圆点等等这些项目符号的。 (用IE浏览器的小伙伴可能发现,在IE浏览器下,<li>标签并不会出现项目符号,原因或许就是IE浏览器下并不支持list-item)