Возможно ли такое поведение элементов?

[Frankie]

Элементы (Скажем, с display: inline-block) располагаются внутри своего родителя горизонтально (построчно, не знаю как ещё назвать); т.е. формируют одну строку, не поместившиеся по ширине элементы попадают в следующую, и т.д. (Пример: http://jsfiddle.net/bR6ya/2/)

Меня интересует, можно ли без скриптов и плясок с бубном реализовать такое поведение, чтобы элементы располагались вертикально, т.е. по столбцам? Я имею в виду, элементы формируют столбец, не поместившиеся по высоте попадают в следующий, и т.д. Если я не совсем ясно изложил, то вот иллюстрация на эту тему:

Я просто не могу поверить, что такое нельзя реализовать стандартными средствами css; однако ни гугление, ни просмотр списка всех свойств (В которых я и без того более-менее ориентируюсь) ничего подходящего выявить не помогли.

[Vlad]

Разве что с помощью этого свойства и его производных.

http://htmlbook.ru/css/-moz-column-count

[Frankie]

В итоге я пришёл к такому вот, довольно тривиальному решению: http://jsfiddle.net/eEyrD/1/.

Конечно, можно бы и доработать до полного соответствия тому, что я изложил в ориджинал посте, но мне в моей задаче этого вполне хватило.

Проблема только в том, что потом могут понадобиться дополнительные телодвижения при создании шаблона, ну да ладно.

[psywalker]

А зачем эти извращения? Почему бы просто не сделать так:

div.hooy {
    display: block;
    width: 400px;

    background: #0f0;
    border: 2px black solid;
}

div.container {
    display: inline-block;
    vertical-align: top;
}

div.container > div {
   padding: 5px;
    background: #c44;
    color: #fff;
    outline: 1px black solid;
}

[mishka]

Боюсь что без скрипта тут не обойтись.

[psywalker]

  On 6/6/2011 at 1:36 PM, mishka2 said:

Боюсь что без скрипта тут не обойтись.

Да и со скриптом ещё не так всё просто, как кажется.