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


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

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

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

 
Баннер
Баннер

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

   

Авторизация



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

Сейчас на сайте:
  • 74 гостей
Всего пользователей: 12175

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

  • 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)
  • zloy_pozitiv
    43 (+4/-0)
  • Magnum79
    26 (+2/-1)
  • trixxxden
    26 (+0/-0)
  • RaGaYa
    23 (+0/-0)
  • kola60
    23 (+0/-2)
  • Nette
    18 (+2/-0)
  • StAtiC
    17 (+2/-0)

Комментарии статей

Баннер

Изучаем CMS Joomla!

-ingateДля всех, кто хочет улучшить видимость сайта в поисковых системах, повысить количество целевых посетителей и увеличить доход от ресурса, эксперты компании...
l11-r-ingateКаждый специалист по маркетингу знает, что большая посещаемость важна для коммерческого сайта, но еще важнее, чтобы пришедшие пользователи...
4-Посещаемость сайта все выше, денег покупатели тратят все больше, бизнес растет как на дрожжах. Согласитесь, это мечта любого владельца сайта и...
lseo-r-Мощный, заряженный мотивацией текст «продаст» товар даже тому, кто не заинтересован в покупке. Однако, если этот текст «некачественный» с точки зрения...
-l-seor-Скоро лето ─ сезон отпусков, пикников и отдыха. Возьмите с собой в дорогу или на дачу книгу «Как попасть в ТОП: практика эффективного SEO». В новом...