html：在可调列中描绘数据

Question

我想要在我的网站上描绘一个未知长度的列表（有时很短很长）。当列表很长时，如果我在每个项目后使用
，则会留下大量的空白区域。另外，用空格分隔项目看起来很尴尬（拥挤）。

如果它是一定长度，你怎么把它们放入一个溢出到更多列的列表？

由于

Answer 1

CSS3列旨在实现此目的，但它们尚未得到广泛支持。你可以尝试

#container {
    -moz-columns: 3;
    -webkit-columns: 3;
    -ms-columns: 3;
    columns: 3;
}

我相信Masonry.js也意味着能够做到这一点（我自己从未使用它，但我认为这是它完成的事情）。 jQuery的Columnizer插件看起来像另一个。