Лучшее руководство по CSS3 коробчатого Align недвижимость в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение атрибута и инструкции,грамматика,Онлайн примеры,
CSS3 коробчатого Align недвижимость
примеров
Дочерним элементом DIV с использованием как коробки выравнивать и коробчатого пакет сосредоточенные свойства:
{
width:350px;
height:100px;
border:1px solid black;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;
/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;
/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
/* W3C */
display:box;
box-pack:center;
box-align:center;
}
Попробуйте »
В нижней части этой страницы для большего количества примеров.
Поддержка браузеров
В настоящее время все основные браузеры не поддерживают коробчатой Align свойство.
Internet Explorer 10 с помощью частной собственности -ms-флекс-Align поддержки.
Firefox частной собственностью - MOZ-бокс-Align поддержки.
Safari и Chrome частной поддержки свойство -webkit-бокс-Align.
Примечание: Internet Explorer 9 и более ранние версии не поддерживают IE эластичность окна.
Определение атрибута и инструкции
Align атрибутом блока box- определяет, как дочерние элементы выравниваются.
По умолчанию: | растягивать |
---|---|
Наследование: | нет |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.boxAlign = "центр" |
грамматика
значение | объяснение |
---|---|
старт | Для обычных коробок направления, верхний край каждого дочернего элемента помещается в верхней части окна. На коробке вдоль нижней части обратного случая, нижний край каждого подэлемента |
конец | Для обычных коробок направления, верхний край каждого дочернего элемента помещается в нижней части коробки. Обратный окно, в нижней части каждого вложенного элемента помещается в верхней части окна |
центр | Любое дополнительное пространство разделено поровну, более половины дочерних элементов на вершине, остальные подэлементам на другой половине |
базовая линия | Если коробчатого сориентировать встроен одноосное или поперечное, все подэлементы размещены в их базовом выравнивание |
растягивать | Дочерние элементы растягиваться, чтобы заполнить содержащий блок |
Онлайн примеры
Измените значение выравнивания элемента коробки
Этот пример демонстрирует, чтобы изменить значение элемента коробки выравнивать, как использовать JavaScript.