li设置了弹性盒子他的list-style属性失效了

最新推荐文章于 2024-07-17 18:23:49 发布

代码粉碎大师

最新推荐文章于 2024-07-17 18:23:49 发布

阅读量381

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/weixin_51097961/article/details/131828217

版权

在使用li并给他设置弹性盒子时发现，设置这个属性之后我的li的list-style属性失效了，

原因：
list-style作用的基础是元素的display属性值基于display:list-item的基础上的，display:list-item会让元素以列表块元素的形式存在，之后我们才可以设置list-style,现在我们将display:flex设为这个，所以就覆盖了display:list-item,以至于我们的list-style失效了。

解决方式1 给li的子元素分别设置float
解决方式2 在li里面在套一个div 对div使用flex