CSS свойство box-align - это мощный инструмент, который позволяет точно контролировать вертикальное выравнивание дочерних элементов внутри родительского блока. Оно решает одну из самых частых задач в верстке - как именно разместить контент по высоте контейнера. | Значение по умолчанию: | stretch | | Наследуется: | нет | | Версия: | CSS3 | | Синтаксис JavaScript: | object.style.boxAlign="center" | Доступные значения и их поведение: | Значение | Описание поведения | | start | Для блоков с нормальным направлением, верхний край дочерних элементов располагается вдоль верха блока. Для блоков с обратным направлением, нижний край дочерних элементов располагается вдоль низа блока. | | end | Для блоков с нормальным направлением, нижний край дочерних элементов располагается вдоль низа блока. Для блоков с обратным направлением, верхний край дочерних элементов располагается вдоль верха блока. | | center | Свободное пространство делится поровну, с половиной, размещенной над дочерним элементом, и другой половиной, размещенной под дочерним элементом. | | baseline | Если в свойстве box-orient установлено значение inline-axis или horizontal, все дочерние элементы располагаются в соответствии с их базовыми позициями. | | stretch | Дочерние элементы растягиваются, чтобы заполнить содержащий их блок. | Пример использования:
|