Question

我试图超越ul li默认属性来实现某种结构。有人建议这样做的正确方法。

我有7个列表项，边距为5px。用左浮动显示它们在2列中。 First Li有一行内容，第二li（右侧）有两行内容。所以我左边的第三个li自动从第二个li开始5 px边距。但是我想要它（第3个列表项目（li））从左侧的第一个li取5px边距。我希望我的所有列表项仅占用5px的margin-bottom。

 <div class="lst-container">
      <ul class="bullet-list">
             <li><a href="">Content</a></li>
              <li><a href="">ContentContent Content </a></li>
              <li><a href=""> Content content content</a></li>
              <li><a href="">Content</a></li>
              <li><a href="">Content</a></li>
              <li><a href="">Content content</a></li>
             <li><a href="">Content content</a></li>

         </ul>
      </div>



   [Jsfiddle][1] https://jsfiddle.net/4Lvnut4p/1/

Answer 1

您可以使用column-count属性。我更新了你的jsfiddle：https://jsfiddle.net/4Lvnut4p/3/

如何显示列表项而不管其他列表项？

1 个答案: