如何使用css column-count将列标题放在列分隔符的顶部

Question

我正在向内容div输出一个列表，并希望它流入x列 - 无论什么都适合内容div。但是css会让你指定列数。我还想在每一栏的顶部加上一个标题：

Firstname  Lastname  State     Firstname  Lastname  State     Firstname  Lastname  State
Jon        Smith     NY        Lisa       Jones     FL        Rich       Ford      TX
Linda      Steele    TN        Rick       Perry     VA        Lee        Linders   OH

我可以使用列计数去多列，但我想要做的是流入尽可能多的列（float ??）并将标题放在顶部。可能这只使用CSS是不可能的，我将不得不编写一些代码。但我想我会问是否有人有不同的方法/建议。

谢谢！

Answer 1

我认为CSS允许它自动： W3C CSS3 Column-count 。没有使用auto，但看起来它是一个选项。

当然，我不确切地知道你想要完成什么，但似乎把它放在某种表格中会更有意义。为什么不想将所有名字放在同一列（以及其他类似的标题）中。