CSS3 коробчатого пакет недвижимости
примеров
Дочерним элементом 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, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
/* W3C */
display:box;
box-pack:center;
box-align:center;
}
Попробуйте »
Поддержка браузеров
Современные браузеры неспециализированные не поддерживают атрибут коробчатого пакет.
Internet Explorer 10 с помощью свойства свойство -ms-флекс-пакет вместо того, чтобы поддержать.
Firefox частной собственностью - поддержка MOZ-бокс-пакет.
Safari, Opera и Chrome через частную поддержку свойство -webkit-бокс-пакет.
Примечание: Internet Explorer 9 и более ранние версии IE не поддерживают гибкую форму.
Определение атрибута и инструкции
коробка пакет атрибут коробка определяет, когда дочерний элемент помещается в коробку для дочернего элемента меньше, чем коробка.
Этот атрибут указывает поперечинами рамы горизонтальное положение, вертикальное положение вертикальной рамы.
| По умолчанию: | старт |
|---|---|
| Наследование: | нет |
| Версия: | CSS3 |
| Синтаксис JavaScript: | объект .style.boxPack = "центр" |
грамматика
| значение | объяснение |
|---|---|
| старт | Для общего направления коробки, первый ребенок помещается в левый край с левой стороны (последний дочерний элемент всего дополнительного пространства после стояния). Для обратной коробки, правый край последнего дочернего элемента помещается на правой стороне (все дополнительное пространство помещается перед первым дочернего элемента) |
| конец | Для обычных коробок направления, последний дочерний элемент правого края размещены справа (все первый ребенок дополнительное место раньше). Для обратной коробки, первый ребенок левого края на левой стороне (последний дочерний элемент всего дополнительного пространства после стояния) |
| центр | Дополнительное пространство делится поровну на две половины, первая половина помещается первого ребенка, поместите вторую половину последнего дочернего элемента |
| обосновывать | Среднее дополнительное пространство, выделенное для каждого вложенного элемента |