Многоколонный текст |
Текст большого объема лучше воспринимается, если он будет разбит по столбцам определенного размера. Но на веб-ресурсах данный прием не всегда будет уместен, так как окно браузера имеет ограничения по своим размерам. Тогда придется сначала прокрутить одну колонку с текстом, а потом следующую, что не совсем удобно. Но многоколоночный текст следует использовать тогда, когда необходимо рационально использовать ширину.
Разместить текст в колонки поможет CSS, предлагающее следующие свойства:
- column-gap – определяет расстояние, которое должно быть между колонками;
- column-rule – делает линию, которая разделяет колонки;
- column-count – определяет количество колонок;
- column-width – определяет ширину колонок.
Следует учитывать то, что свойства column-count и column-width могут задавать оптимальные значения. Что это значит? Браузер автоматически разбивает текст на такое количество колонок, сколько необходимо для комфортного просмотра их содержимого. Также происходит и с шириной колонок. Поэтому в данных свойствах под оптимальными значениями понимается желательное количество колонок и их ширина.
Для корректного отображения данных свойств в браузерах Safari и Chrome в SCC-коде необходимо добавлять –webkit, а для Firefox добавлять префикс – moz. Для сокращенной записи в CSS-коде свойство для колонок можно записать с помощью columns, устанавливающее одновременно количество колонок и их ширину. При этом для универсального отображения в браузерах в код необходимо добавлять соответствующие префиксы. Также, для указания разделительных линий и расстояния между колонками, необходимо прописывать свойства column-rule и column-gap. Если данных свойств не будет, то браузер автоматически сделает минимальное расстояние для разделения колонок, а разделительной линии при этом не будет.
Посетив сайт axor.su, вы сможете очень выгодно купить акриловые ванны Aessel, которые представлены в широком ассортименте и по доступным ценам. |
|
|