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

Ut varius volutpat facilisis. Integer magna ligula, malesuada vel commodo eu, tincidunt sed odio. Curabitur ut purus et arcu vestibulum adipiscing quis non quam. Nam velit purus, dapibus ut rhoncus nec, bibendum sed risus. Donec egestas, enim eget venenatis dictum, dolor quam scelerisque ipsum, et vulputate est mi dictum nisi.
.three-column {
	padding: 1em;
	-moz-column-count: 3;
	-moz-column-gap: 1em;
	-webkit-column-count: 3;
	-webkit-column-gap: 1em;
	column-count: 3;
	column-gap: 1em;
}

Несколько слов о двух главных свойстах:

  • column-count – отвечает за количество столбцов.

  • column-gap – отвечает за размер отступа между отдельными столбцами.

Добавки -moz и -webkit у свойств необходимы для обеспечения кроссбраузерности. -moz, соответственно, для Firefox, а -webkit для браузеров на основе движка WebKit, например Google Chrome.

Опубликовано
Подробнее

ArtsLab

Блог для тех, кто интересуется разработкой сайтов, веб-дизайном и новыми событиями в интернете. В моем блоге Вы найдете записи на различные околокомпьютерные темы, обзоры сервисов и новинок, статьи по кодингу, советы, скрипты, темы и хаки для wordpress, уроки phostohop и многое другое.

4gray artslab artslabinfo