在單個ul和多列中垂直顯示列表項目

Question

我需要垂直顯示列表項目以及多列。但必須只使用單個ul。這怎麼可能。請建議我。

輸出應該看起來像

a e i 
b f j 
c g 
d h 

感謝所有幫助

Answer 1

據我所知做到這一點的唯一方法是使用column-count：

ul { 
    column-count: 3; 
} 

請注意，它只能在現代瀏覽器並需要供應商前綴（-webkit-column-count等）。

如果你使用float，inline或inline-block，它們將以不同的順序渲染。