box-pack

語法:

box-pack:start | center | end | justify

默認值start

取值:

start:
設置彈性盒模型對象的子元素從開始位置對齊(大部分情況等同于左對齊)
center:
設置彈性盒模型對象的子元素居中對齊
end:
設置彈性盒模型對象的子元素從結束位置對齊(大部分情況等同于右對齊)
justify:
設置或彈性盒模型對象的子元素兩端對齊

說明:

設置或檢索彈性盒模型對象的子元素的對齊方式。查看其兄弟屬性box-align,兩者的效果正好(相反)互補
  • box-pack的對齊方式受box-orient影響;
  • 默認情況下(即box-orient設置爲horizontal)start和end所呈現的效果等同于左對齊和右對齊;
  • 當box-orient設置爲vertical時,start和end所呈現的效果等同于頂部對齊和底部對齊;
  • 對應的腳本特性爲boxPack

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 墨綠 = 部分支持
  • 橙色 = 实验性质
支持版本\類型 IE Firefox Safari Chrome Opera
較早版本 6.0-9.0 4.0-9.0 #1 5.1 13.0-16.0 11.50-11.60
較新版本 10.0
  1. Firefox4.0-9.0不支持box-pack的justify屬性值。

示例: