使用 flexbox 时，list-style 失效怎么办？

大家好，今天本人给大家带来文章《使用 flexbox 时，list-style 失效怎么办？》，文中内容主要涉及到，如果你对文章方面的知识点感兴趣，那就请各位朋友继续看下去吧~希望能真正帮到你们，谢谢！

list-style因flex属性失效的解决办法

在使用 flexbox 时，会出现 list-style 失效的问题。这是因为 flexbox 使用自身的布局规则，覆盖了 list-item 的默认样式。

要解决此问题，可以将 list-style 样式应用到 flexbox 子元素上。以下是修改后的代码：

<ul>
  <li style="display: flex;">
    <p style="list-style-type: disc;">适用套系</p>
  </li>
</ul>

通过这种方式，list-style 样式将应用到 li 的第一个子元素（p 元素）上，同时保留 flexbox 的布局。

终于介绍完啦！小伙伴们，这篇关于《使用 flexbox 时，list-style 失效怎么办？》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！