css - 单个 div 中的双列

Question

我有一个带有多个子 div 的父 div，所以我需要将子 div 两两放置:

.parent ul li {
  width: 50%;
}

<div class="parentDiv">
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
  </ul>
</div>

我该怎么办？

Answer 1

您应该只在代码中添加 float: left。

.parentDiv ul li {
  width: 50%;
  float: left;
}

<div class="parentDiv">
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
  </ul>
</div>