我試著做一些感覺應(yīng)該不難的事情，但是我很難找到合適的。

本質(zhì)上，我有一個(gè)項(xiàng)目列表，但我不知道我會(huì)收到多少。我想將它們顯示在兩列中，垂直排序(也就是說，第一列包含列表的前半部分)。

如果我的列表是這樣的:

<ul>
  <li>a</li>
  <li>b</li>
  <li>c</li>
  <li>d</li>
  <li>e</li>
  <li>f</li>
  <li>g</li>
</ul>

然后我想實(shí)現(xiàn)這樣的布局:

a | e 
| b | f
| c | g
| d

因?yàn)轫?xiàng)目的數(shù)量是未知的，我不能在清單上設(shè)定一個(gè)固定的高度。

使用column-count使我非常接近，但有一個(gè)問題:如果任何列表項(xiàng)中的文本換行到第二行，對(duì)齊就會(huì)中斷。不幸的是，我無法控制每個(gè)列表項(xiàng)中的文本長(zhǎng)度，有時(shí)還會(huì)換行。

我還嘗試了各種使用display:grid的方法，但都沒有成功。