为什么我加了flex属性之后,list-style失效了?

image.png

适用套系这个li加了display:flex,列表的符号就没了,怎么能再显示出符号呢

阅读 2.4k
2 个回答
<style>
  .flex-list {
    display: flex;
    flex-direction: column;
    list-style: none; 
  }

  .flex-list li {
    position: relative;
    padding-left: 20px; 
  }

  .flex-list li:before {
    content: '\2022';
    position: absolute;
    left: 0;
  }
</style>

<ul class="flex-list">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题