顯示一個UL列表

Question

，能夠在屏幕上顯示「UL」列表這樣？：

<ul> 
<li> a </li> <li> f </li> <li> k </li> 
<li> b </li> <li> g </li> <li> k </li> 
<li> c </li> <li> h </li> <li> l </li> 
<li> d </li> <li> i </li> <li> m </li> 
<li> e </li> <li> j </li> <li> n </li></ul> 

我需要在一個UL一切和Li中的塊（例如5種元素）。

Answer 1

爲此，您可以用column-count CSS3

嘗試

ul { 

    -webkit-column-count: 3; 
     -moz-column-count: 3; 
      column-count: 3; /*3 in those rules is just placeholder -- can be anything*/ 
} 

SEE DEMO

Answer 2

ul {width: 120px;} 
li {margin: 0; padding:0; float: left; width: 40px;} 

Answer 3

試試看display: table-cell。我幾乎可以確定你想要什麼。

CSS-Tricks Display Property

Answer 4

您使用CSS3 multi-column layouts。應用以下風格的UL：

UL { 
    column-count:3; 
    -moz-column-count:3; 
    -webkit-column-count:3; 
} 

（您可能需要重新安排你的LI根據需要）

演示：http://jsfiddle.net/2N7rB/