-webkit-box-pack

Свойство -webkit-box-pack — определяет как выравнивается контент в блоке вдоль ориентации блока.

Значение start и end означает выравнивание по левому и по правому краю или наоборот, в зависимости от ориентации блока.

Допустимые значения

  • center — дочерние элементы выравниваются по-центру элемента
  • end — дочерние элементы выравниваются по концу элемента
  • justify — дочерние элементы выравниваются по ширине элемента
  • start — дочерние элементы выравниваются по началу элемента
Значение по умолчанию start
Применимо к элементам с display:-webkit-box и display:-webkit-inline-box
Наследование нет
Поддерживается браузерами
  • Safari 3.0 и выше (для Safari 2.0 используется -khtml-box-pack)
  • Chrome 1.0 и выше

Пример

CSS
.block {
display:-webkit-box;
-webkit-box-pack: justify;
}

Заметки

Определить, как выравнивается контент в блоке перпендикулярно ориентации блока можно с помощью CSS свойства -webkit-box-align.

По теме