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

image.png

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

阅读 2.5k
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>
推荐问题