Как сделать так, чтобы поток текста напоминал новые страницы моей космической статьи?

Question

Я пытаюсь создать многостолбцовый макет, который оборачивает текст как по вертикали, так и по горизонтали следующим образом: https://new.myspace.com/discover/trending/2013/01/23/jeremy-allen-white-cant-get-away-from-sex

Кажется, я не могу найти статью, которая может мне помочь.

Это то, что у меня есть в моей таблице стилей, но текст в каждом столбце оборачивается, прежде чем достичь нижней части браузера.

Вот как это выглядит в настоящее время: http://jsfiddle.net/koryeast/ztfED/

@media (min-width:800px)
{
    div
    {
        -webkit-column-fill: auto;
        -webkit-column-width: 300px;
        -webkit-column-gap: 40px;
    }
}

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

Как я могу сделать переполнение текста к следующему столбцу только тогда, когда он достигает нижней части браузера?

Любая помощь будет оценена!

Спасибо

Answer 1

Я нашел учебник для этого. Перейдите на http://kmsm.ca/2010/an-almost-complete-guide-to-css3-multi-column-layouts/. Это все объясняет. Кроме того, аналогичный вопрос с рабочей версией можно найти здесь, переупорядочить столбец по умолчанию (-webkit-column, -moz-column) порядок на странице?, Надеюсь это поможет.