如何使用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 

我可以讓它去與列數多列，但我想這樣做是流入爲多列如適合（浮動??）並在頂部放一個標題。也許這僅僅使用CSS是不可能的，我將不得不編碼一點。但我想我會問是否有人有不同的方法/建議。

謝謝！

Answer 1

我認爲CSS允許它是自動的：W3C CSS3 Column-count。沒有使用auto，但看起來像是一個選項。當然，我並不確切知道你想要完成什麼，但似乎將它放在某種表格中會更有意義。爲什麼你不想把所有的名字放在同一列（和其他類似的標題）。