Для регулировки положения строк в HTML5 можно использовать свойство align-content. 1 Оно управляет выравниванием рядов (строк и столбцов) во flex-контейнере и применяется, если свойство flex-wrap имеет значение wrap или wrap-reverse. 1
Некоторые значения свойства align-content:
- stretch. 1 Значение по умолчанию, при котором строки (столбцы) растягиваются, занимая всё свободное место. 1
- flex-start. 1 Строки (столбцы) выравниваются по началу контейнера (для строк — это верхний край, для столбцов — это левый край контейнера). 1
- flex-end. 1 Строки (столбцы) выравниваются по концу контейнера (строки — по нижнему краю, столбцы — по правому краю). 1
- center. 1 Строки (столбцы) позиционируются по центру контейнера. 1
- space-between. 1 Строки (столбцы) равномерно распределяются по контейнеру, а между ними образуются одинаковые отступы. 1
- space-around. 1 Строки (столбцы) равным образом распределяют пространство контейнера, а расстояние между первой и последней строкой (столбцом) и границами контейнера составляет половину расстояния между соседними строками (столбцами). 1
Также для выравнивания текста на странице можно использовать свойство text-align. 34 Оно устанавливает горизонтальное выравнивание контента внутри блочного элемента или ячейки таблицы. 3