CSS3: разбить блок на колонки
Сегодня рассмотрим новые возможности 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;
}
Спасибо за внимание. Надеюсь помог
Комментарии:
Нету комментариев для вывода...