Три div, контент из одного div переходит в другой

Question

Мне нужно создать три элемента div рядом друг с другом (атрибут float: left). Затем я читаю данные из базы данных, и мне нужно представить эти данные в трех делениях, таким образом, чтобы я сначала заполнял первое деление построчно, и когда я достигал определенной высоты, я переходил к следующему делу и заполнял его с данными и так далее. Это что-то вроде обратной таблицы, то есть сначала я заполняю первый столбец в первой строке, затем перехожу ко второй и так далее до конца строки, затем перехожу ко второму столбцу первой строки. и так далее. Я надеюсь, что вы получите картину.

Есть ли способ добиться этого в CSS или каким-либо другим способом?

Answer 1

Я не знаю, как сделать это эффективным, но это должно быть возможно с javascript ... вы знаете высоту строки, вы проверяете высоту первого div со всем содержимым, затем вы усекаете его до желаемого размера иостальные положить на следующий div .. повторить .. но это выглядит странно ..?

Answer 2

Вы можете сделать это, запросив первые 30 результатов в базе данных в одном столбце, затем запросив следующие 30 в следующем div и так далее. Я не вижу возможности в одном только CSS 2.1.

Answer 3

Эта функциональность доступна в CSS3 с использованием column-count и column-span.