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

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

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

  • 适用套系

登录后复制

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

以上就是使用 flexbox 时,list-style 失效怎么办?的详细内容,更多请关注慧达安全导航其它相关文章!

点赞(0)

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部