CSS列中的文本溢出

Question

假设我们有一个<ol>或<ul>列表，其中包含多个CSS3列（具有-(vendor)-column属性或其子属性的列）。如果列中的最后一个<li>过高，则其内容会溢出到下一列（example）。你怎么阻止它溢出？我试过了

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

和

li {
    overflow: auto;
}

但他们隐藏了左侧显示的数字<li>（list-style-type）。

谢谢！

Answer 1

如果可能的话，the column-fill spec（顺便说一句属于no browsers support}状态的属性似乎会自动“平衡”（高度）。因此，没有简单的方法可以告诉它。

基本上，要获得所需内容，您必须“平衡”每列的行数gets ugly with extra <br/> tags，或要求您to set some bottom margin on the second item强制平衡。