list - CSS 列中的文本溢出

Question

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

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

和

li {
    overflow: auto;
}

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

谢谢！

Answer 1

如果可能的话，column-fill规范（顺便说一下，目前显然没有浏览器支持的属性）状态似乎自动“平衡”（高度）。因此，没有简单的方法可以告诉它。

基本上，要得到你想要的，你必须“平衡”每列的行数，这会因为额外的<br/>标签而变得丑陋，或者需要你在第二个项目上设置一些底部边距以强制平衡。