html - 如何显示列表项而不考虑其他列表项？

Question

我正在尝试过度调整 ul li 默认属性以实现特定结构。有人建议这样做的正确方法。

我有 7 个列表项，底部边距为 5 像素。使用 float left 将它们显示在第 2 列中。第一里有一行内容，第二里(右侧)有两行内容。所以我在左侧的第三个里自动从第二个里开始 5 px 边距。但我希望它(第 3 个列表项 (li))从左侧的第一个 li 开始留出 5px 的边距。 我希望我所有的列表项只占用 5px 的底部边距。

 <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/