CSS

Разбить блок на колонки

Сегодня рассмотрим новые возможности css, точнее уже CSS3. А именно – если у вас есть цельный текст и вы хотите разбить его на колонки.

Данное свойство CSS поддерживается: Opera, Safari, Firefox, Chrome

Для Оперы:
column-count:3;

Для Firefox:
-moz-column-count:3;

Для Safari и Chrome:
-webkit-column-count:3;

Где "3" количество необходимых колонок. Для примера давайте назначим div блоку вот так стиль:
div { 
width:800px; 
-moz-column-count:3;  
-webkit-column-count:3;  
column-count:3; 
}
Теги:
блок, колонки
Добавлено: 18 Сентября 2013 11:25:23 Добавил: Андрей Ковальчук Нравится 0
Добавить
Комментарии:
Нету комментариев для вывода...