CSS3中的Unix`ls`命令样式

Question

我试图在浏览器中根据项目的排列获得与unix命令ls非常相似的结果。

根据下图有什么建议吗？

虽然列的宽度取决于该列中文本的长度，但列数取决于窗口的宽度。

Answer 1

CSS3有一个新属性：column-count，它与ls完全相同（当然，假设你要处理换行符）。只需在容器元素上使用它，定义尺寸就可以了。您还可以使用column-gap指定它们之间的差距。

在此处详细了解：http://css-tricks.com/almanac/properties/c/columns/