list - CSS列のテキストオーバーフロー

Question

複数のCSS3列（プロパティまたはそのサブプロパティを持つ列）を持つ<ol>orリストがあるとします。列の最後が高すぎる場合、その内容は次の列にオーバーフローします（例）。どうやってそれが溢れるのを防ぐのですか？私が試してみました<ul>-(vendor)-column<li>

li {
    display: inline-block;
    vertical-align: top;
}

と

li {
    overflow: auto;
}

ただし、それぞれの左側に表示されている番号は非表示になっています<li>（list-style-type）。

ありがとう！

Answer 1

仕様（ちなみに、現在column-fillブラウザがサポートしていないように見えるプロパティ）の状態は、可能であれば自動的に「バランス」（高さ）になっているようです。したがって、それ以外の方法でそれを伝える簡単な方法はありません。

基本的に、必要なものを取得するには、各列の行数の「バランスをとる」必要があります。これは、余分なタグで見苦しくなり<br/>ます。または、バランスを強制するために2番目の項目に下マージンを設定する必要があります。