使用 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 失效怎么办？的详细内容，更多请关注其它相关文章！