1. Home
  2. CSS3 коробчатого Align недвижимость

Лучшее руководство по CSS3 коробчатого Align недвижимость в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение атрибута и инструкции,грамматика,Онлайн примеры,

CSS3 коробчатого Align недвижимость

примеров

Дочерним элементом DIV с использованием как коробки выравнивать и коробчатого пакет сосредоточенные свойства:

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;
}

Попробуйте »
В нижней части этой страницы для большего количества примеров.

Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

В настоящее время все основные браузеры не поддерживают коробчатой ​​Align свойство.

Internet Explorer 10 с помощью частной собственности -ms-флекс-Align поддержки.

Firefox частной собственностью - MOZ-бокс-Align поддержки.

Safari и Chrome частной поддержки свойство -webkit-бокс-Align.

Примечание: Internet Explorer 9 и более ранние версии не поддерживают IE эластичность окна.

Определение атрибута и инструкции

Align атрибутом блока box- определяет, как дочерние элементы выравниваются.

По умолчанию: растягивать
Наследование: нет
Версия: CSS3
Синтаксис JavaScript: объект .style.boxAlign = "центр"

грамматика

box-align: start|end|center|baseline|stretch;

значение объяснение
старт Для обычных коробок направления, верхний край каждого дочернего элемента помещается в верхней части окна. На коробке вдоль нижней части обратного случая, нижний край каждого подэлемента
конец Для обычных коробок направления, верхний край каждого дочернего элемента помещается в нижней части коробки. Обратный окно, в нижней части каждого вложенного элемента помещается в верхней части окна
центр Любое дополнительное пространство разделено поровну, более половины дочерних элементов на вершине, остальные подэлементам на другой половине
базовая линия Если коробчатого сориентировать встроен одноосное или поперечное, все подэлементы размещены в их базовом выравнивание
растягивать Дочерние элементы растягиваться, чтобы заполнить содержащий блок

примеров

Онлайн примеры

Измените значение выравнивания элемента коробки
Этот пример демонстрирует, чтобы изменить значение элемента коробки выравнивать, как использовать JavaScript.

Горячие учебники

Contact US

CSS3 коробчатого Align недвижимость
10/30