24 lines
2.3 KiB
Markdown
24 lines
2.3 KiB
Markdown
---
|
||
title: CSS3 Multiple Columns
|
||
localeTitle: CSS3 Несколько столбцов
|
||
---
|
||
## CSS3 Несколько столбцов
|
||
|
||
**Многострочный макет** CSS расширяет режим _макета блока,_ чтобы упростить определение нескольких столбцов текста. У людей проблемы с чтением текста, если линии слишком длинны; если требуется слишком много времени для того, чтобы глаза двигались от конца одной линии к началу следующего, они теряют следы, в какую линию они были включены. Поэтому, чтобы максимально использовать большой экран, авторы должны иметь столбцы с ограниченной шириной текста, размещенные бок о бок, как и газеты.
|
||
|
||
К сожалению, это невозможно сделать с CSS и HTML, не форсируя разрывы столбцов на фиксированных позициях или строго ограничивая разметку, разрешенную в тексте, или используя героический скриптинг. Это ограничение решается путем добавления новых свойств CSS для расширения традиционного режима компоновки блоков.
|
||
|
||
Существует несколько свойств, которые позволяют настраивать многоколоночную компоновку:
|
||
|
||
* колонка подсчета
|
||
* Колонка зазор
|
||
* колонного правило стиля
|
||
* колонного правило ширины
|
||
* колонного правило цвета
|
||
* колонного правило
|
||
* Колонку-пролетный
|
||
* ширина колонки
|
||
|
||
#### Дополнительная информация:
|
||
|
||
[Это отличная статья](https://css-tricks.com/almanac/properties/c/columns/) для чтения, чтобы больше узнать о CSS3 Multiple Columns |