Как складывать div сверху вниз в CSS

У меня есть список, который выглядит примерно так:

<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>

используя css float left, он выглядит так в html:

1 2
3 4
5

Можно ли настроить мои divs следующим образом:

1 4
2 5
3

Надеюсь, кто-то может помочь, спасибо!

Ответы

Ответ 1

@funky; вы можете использовать свойство css3 column-count для этого

CSS

div#multicolumn1 {
        -moz-column-count: 2;
        -moz-column-gap: 50%;
        -webkit-column-count: 2;
        -webkit-column-gap: 50%;
        column-count: 3;
        column-gap: 50%;

}

проверить эту ссылку для демонстрации Div в двух столбцах

http://jsfiddle.net/sandeep/pMbtk/

Примечание: он не работает в IE.

Ответ 2

Скорее всего, вам нужно создать два контейнера div для этого. Один контейнер, который содержит 1-3 и один для 4-5.

Ответ 3

Если вам не нужно поддерживать, т.е. есть столбцы css, которые будут делать это подробно.

Ответ 4

Эта статья AListApart рассказывает о нескольких способах поддержки этого письменного предварительного CSS3. Здесь слишком сложно суммировать, поэтому я отправлю ссылку только.