Облачный сервис для Joomla сайтов
Навигация: Главная Обзоры Многоколонный текст

Многоколонный текст

Текст большого объема лучше воспринимается, если он будет разбит по столбцам определенного размера. Но на веб-ресурсах данный прием не всегда будет уместен, так как окно браузера имеет ограничения по своим размерам. Тогда придется сначала прокрутить одну колонку с текстом, а потом следующую, что не совсем удобно. Но многоколоночный текст следует использовать тогда, когда необходимо рационально использовать ширину.

Разместить текст в колонки поможет 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, которые представлены в широком ассортименте и по доступным ценам.


загрузка...

 
Баннер

Уважаемые пользователи! Если у Вас возникли вопросы по данному материалу - оставьте свой комментарий и мы постараемся Вам помочь. Оставайтесь с нами!

Добавить комментарий

Защитный код
Обновить

Баннер

Следуй за нами

   

Авторизация



Поддержать этот ресурс Вы можете

через платежную систему Webmoney

  Z299422543783

  R230383531538

  U630721442765
или

Яндекс Кошелек 410011414281063

Статистика сайта

Сейчас на сайте:
  • 1 гость
  • 1 робот
Всего пользователей: 11731

Наша гордость

  • cvetercom
    186 (+19/-5)
  • Nikolia
    130 (+10/-1)
  • root
    120 (+18/-1)
  • apricot
    113 (+20/-4)
  • Fidelity
    101 (+10/-1)
  • Xemreht
    63 (+3/-0)
  • bod
    47 (+5/-1)
Баннер

Изучаем CMS Joomla!

-ingateДля всех, кто хочет улучшить видимость сайта в поисковых системах, повысить количество целевых посетителей и увеличить доход от ресурса, эксперты компании...
l11-r-ingateКаждый специалист по маркетингу знает, что большая посещаемость важна для коммерческого сайта, но еще важнее, чтобы пришедшие пользователи...
4-Посещаемость сайта все выше, денег покупатели тратят все больше, бизнес растет как на дрожжах. Согласитесь, это мечта любого владельца сайта и...
lseo-r-Мощный, заряженный мотивацией текст «продаст» товар даже тому, кто не заинтересован в покупке. Однако, если этот текст «некачественный» с точки зрения...
-l-seor-Скоро лето ─ сезон отпусков, пикников и отдыха. Возьмите с собой в дорогу или на дачу книгу «Как попасть в ТОП: практика эффективного SEO». В новом...
-seo-Как увеличить продажи с сайта и продвинуть его в ТОП поисковых систем при помощи качественного контента − узнайте об этом из книги «Наглядное пособие по...
10-joomla-3Полный перевод новой книги Хагена Графа «Joomla! 3 — In 10 Easy Steps» (10 легких шагов к освоению Joomla! 3). Данная книга рассказывает о том, как...