freeCodeCamp/guide/russian/css/css3-multiple-columns/index.md

2.3 KiB
Raw Blame History

title localeTitle
CSS3 Multiple Columns CSS3 Несколько столбцов

CSS3 Несколько столбцов

Многострочный макет CSS расширяет режим макета блока, чтобы упростить определение нескольких столбцов текста. У людей проблемы с чтением текста, если линии слишком длинны; если требуется слишком много времени для того, чтобы глаза двигались от конца одной линии к началу следующего, они теряют следы, в какую линию они были включены. Поэтому, чтобы максимально использовать большой экран, авторы должны иметь столбцы с ограниченной шириной текста, размещенные бок о бок, как и газеты.

К сожалению, это невозможно сделать с CSS и HTML, не форсируя разрывы столбцов на фиксированных позициях или строго ограничивая разметку, разрешенную в тексте, или используя героический скриптинг. Это ограничение решается путем добавления новых свойств CSS для расширения традиционного режима компоновки блоков.

Существует несколько свойств, которые позволяют настраивать многоколоночную компоновку:

  • колонка подсчета
  • Колонка зазор
  • колонного правило стиля
  • колонного правило ширины
  • колонного правило цвета
  • колонного правило
  • Колонку-пролетный
  • ширина колонки

Дополнительная информация:

Это отличная статья для чтения, чтобы больше узнать о CSS3 Multiple Columns