box-align

語法:

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

默認值stretch

取值:

start:
設置彈性盒模型對象的子元素從開始位置對齊
center:
設置彈性盒模型對象的子元素居中對齊
end:
設置彈性盒模型對象的子元素從結束位置對齊
baseline:
設置彈性盒模型對象的子元素基線對齊
stretch:
設置彈性盒模型對象的子元素自適應父元素尺寸

說明:

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

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 墨綠 = 部分支持
  • 橙色 = 实验性质
支持版本\類型 IE Firefox Safari Chrome Opera
較早版本 6.0-9.0 4.0-9.0 5.1 13.0-16.0 11.50-11.60
較新版本 10.0

示例: