Какие существуют способы управления заполнением колонок в CSS?

Некоторые способы управления заполнением колонок в CSS:

• Свойство grid-auto-flow. 1 Определяет порядок, в котором элементы добавляются в сетку. 1 По умолчанию значение — row, что соответствует последовательному заполнению строк (слева направо и сверху вниз). 1 Значение column позволяет сетке начать заполнение с вертикального расположения элементов: сначала заполняется один столбец, а затем браузер переходит к следующему. 1
• Свойства auto-fill и auto-fit. 2 Позволяют автоматически создавать колонки или строки, но работают по-разному: 2
• auto-fill создаёт колонки по размеру контейнера, даже если в них нет контента. 2 Если позволяет ширина, пустые колонки остаются видимыми. 2
• auto-fit подгоняет количество колонок под контент. 2 Если позволяет ширина, элементы будут растягиваться, а лишние колонки схлопнутся. 2
• Свойство column-fill. 3 Контролирует заполнение колонок содержимым. 3 Есть две стратегии заполнения: колонки могут быть выровнены по высоте или нет. 3 Если колонки не выровнены, они заполняются последовательно, некоторые из них могут быть частично заполнены или вообще не заполнены. 3
• Свойство column-width. 4 С его помощью задаётся оптимальная ширина колонок. 4 Если места в контейнере хватает, то колонки будут растягиваться на всю доступную ширину. 4
• Свойство column-span. 4 Используется для разделения колонок. 4 Оно принимает два значения: none — текст находится просто внутри колонок, all — текст «выходит из колонки» и разделяет их. 4