Категория: Web

CSS колонки

Задался вопросом как с помощью CSS вывести текст колонками.
Решение было найдено в спецификации CSS 3.

Свойство columns
Это свойство пока толком не поддерживается браузерами, однако позволяет разбить текст на указанное количество колонок, либо на колонки заданной ширины.
Для браузеров Mozilla Firefox и Safari, Chrome существуют отдельные свойства для поддержки этой возможности

columns: [ширина] [количество];
 
-moz-columns и -webkit-columns — дублеры

Применяется к блочным элементам (кроме таблиц), ячейкам и элементам, у которых display установлен как inline-block.

Обсудить у себя 2
Комментарии (8)

можно при помощи float  и clear

Можно, но тогда нужно самому текст разбивать на колнки, а это не клево..)

ну да… проблема просто в том, что не все версии богомерзкого эксплорера поддерживают inline-block… а с СSS3 он вообще себя ведет неадекватно.

есть я такая штука как фиксы для ишака...

которые подключаются через behavior в свойствах css и обучают браузер примудростям css3
ссылка

оу… надо посмотреть. спасибо!

Всегда пожалуйста)

пожалуй скоро мне это понадобится.

Чтобы комментировать надо зарегистрироваться или если вы уже регистрировались войти в свой аккаунт.
купить лайки
Каин
Каин
Был на сайте никогда
Родился: 9 Июля
admin@unohog.ru
Читателей: 192 Опыт: 0 Карма: 1
Я в клубах
I am Sherlocked Пользователь клуба
Уно Хогвартс Администратор клуба
CSS | Design Пользователь клуба
Web-Grower Модератор клуба
Sherlove Пользователь клуба
Проект "Together" Пользователь клуба
Новичкам MyPage.Ru Модератор клуба
Поддержка кнопки Пользователь клуба
Служба помощи MyPage.Ru Пользователь клуба
Много ARTа не бывает Модератор клуба
Ἔρως - Ἀφροδίτη Пользователь клуба
все 34 Мои друзья