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
|