При необходимости размещения текста на сайте в несколько колонок, можно воспользоваться следующим 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.
Несколько слов о двух главных свойстах:
-
column-count – отвечает за количество столбцов.
-
column-gap – отвечает за размер отступа между отдельными столбцами.
Добавки -moz и -webkit у свойств необходимы для обеспечения кроссбраузерности. -moz, соответственно, для Firefox, а -webkit для браузеров на основе движка WebKit, например Google Chrome.
Опубликовано
Подробнее