css - CSS3多栏内容溢出策略

Question

我正在尝试使用新的多列布局设置多列布局。但是无论如何，是否允许创建的列具有灵活的宽度？
我在网上看到的所有策略总是会导致固定宽度的布局，即使内容溢出列也是如此。

ul {
    -webkit-column-width: 80px;
    height: 80px;
}

<ul>
    <li>element</li>
    <li>elementthat'stoolong</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
    <li>element</li>
</ul>

JSFiddle Example

Answer 1

我认为没有办法做到这一点，所以我回到了之前的解决方案，将结果分页到 <div> 中s，然后根据需要调整每个页面的宽度。