html - リスト項目を単一の ul および複数の列で垂直方向に表示する

Question

リスト項目を垂直に、また複数の列に表示する必要があります。ただし、 single のみを使用する必要がありますul。どうしてそれが可能でしょうか。私に提案してください。

出力は次のようになります

a  e  i
b  f  j
c  g
d  h

助けてくれてありがとう

Answer 1

Afaikはそれを行う唯一の方法は使用することcolumn-countです：

ul {
    column-count: 3;
}

最新のブラウザでのみ機能し、ベンダープレフィックス（-webkit-column-countなど）が必要であることに注意してください。

float、inline、またはinline-blockを使用すると、異なる順序でレンダリングされます。