li元素中出现项目符号的原因

在我们敲代码使用<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)
    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值