2014-01-08 1 views
0

можно отобразить на экране список "Ульянова как это ?:отображения списка один уль в блоках

<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> 

Я должен быть все в одном ул и линейны в блоках (например, 5 элементов).

ответ

0

Вы можете сделать это с 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

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

используется CSS3 multi-column layouts. Примените следующий стиль к UL:

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

(возможно, потребуется изменить ваш LI при необходимости)

Демо: http://jsfiddle.net/2N7rB/

Смежные вопросы