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

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

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

примеров

Дочерним элементом 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, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
}

Попробуйте »

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Современные браузеры неспециализированные не поддерживают атрибут коробчатого пакет.

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

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

Safari, Opera и Chrome через частную поддержку свойство -webkit-бокс-пакет.

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

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

коробка пакет атрибут коробка определяет, когда дочерний элемент помещается в коробку для дочернего элемента меньше, чем коробка.

Этот атрибут указывает поперечинами рамы горизонтальное положение, вертикальное положение вертикальной рамы.

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

грамматика

box-pack: start|end|center|justify;

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

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

Contact US

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