Газетная колонка в CSS

Question

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

Моя мысль такова: я бы просто добавил новый div, и новый столбец будет добавлен вправо и так далее.

Если да, то как?

Here Я нашел раскладку газеты из четырех столбцов. Но высота столбцов не одинакова. Мне нужен способ, чтобы, независимо от того, сколько времени текст, они будут оговорены на определенную высоту.

Возможно ли это в CSS?

Answer 1

Я думаю, что ваши потребности лучше всего использовать, используя существующую структуру CSS, а не кодировать ее сами с нуля, так как это действительно сложный бизнес, и, как оказалось, сложно работать во всех браузерах (поскольку некоторые из них не соответствуют стандартам)

Во всяком случае, для газетных колонн, я думаю, что есть один, который подходит для счета, 960 Grid System. Он поставляется с 12 & 16 «решетками» с решетками, с выгретыми желобами и прокладками, и до тех пор, пока количество колонок, которые вы собираетесь использовать, составляет 12 или 16 раз, оно может справиться с этим.

Answer 2

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

Answer 3

С чистым CSS очень сложно назначить несколько divs одинаковой высоты, если эта высота не статична. Вы можете использовать уродливые хаки, но это пока доставит вас.

Для настоящих столбцов используйте таблицы, для чего они предназначены. Таблицы - это допустимые HTML-конструкции, просто вы не должны использовать их как свой собственный инструмент . Но когда таблицы работают, используйте таблицы.

Answer 4

CSS3 предоставляет способ превратить содержимое любого HTML-узла в любое количество столбцов. Существуют свойства для управления количеством столбцов, а также их шириной, относительной высотой («заполнение» или разделом содержимого по существующим столбцам), желобом между столбцами, «правилом» (разделительной линией или границей) и т. Д.

В качестве отправной точки см. Справочную страницу w3schools.com CSS3 Multiple Columns.

Однако, как обычно, IE среди широко используемых браузеров не поддерживает свойства столбца CSS3.

Адрес кросс-браузерного сайта - Columnizer jQuery Plugin.