Создать новый столбец, когда текст превышает высоту div в JavaScript

Question

Я хочу создать многостолбцовый макет в формате HTML, который будет работать слева направо, а не по вертикали. Я хочу установить для текстового столбца div определенную высоту и ширину, и когда / если текст переполняет поле, он создаст новый столбец для текста. Таким образом, автоматический создатель столбца, который добавляет, когда нужно больше. Возможно ли это?

Answer 1

Я мог бы ответить за Gecko 10, что при использовании -moz-column-count: 1 и установке высоты содержимое переполнения отображается справа.

Я не смог контролировать ширину с помощью -moz-column-widthсо счетчиком столбцов, установленным в 1. Я должен был указать width там (иначе контейнер следует за родительской шириной).

Но если я установлю -moz-column-count: auto, я могу вместо этого установить -moz-column-width без установки width.

Пример JSFiddle: http://jsfiddle.net/syockit/mVFaX/1/