box-align

語法:

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

預設值stretch

適用於:伸縮盒容器

繼承性:無

動畫性:否

計算值:指定值

取值:

start:
設定伸縮盒物件的子元素從開始位置對齊
center:
設定伸縮盒物件的子元素居中對齊
end:
設定伸縮盒物件的子元素從結束位置對齊
baseline:
設定伸縮盒物件的子元素基線對齊
stretch:
設定伸縮盒物件的子元素自適應父元素尺寸

說明:

設定或檢索伸縮盒物件的子元素的對齊方式。查看其兄弟屬性box-pack,兩者的效果正好(相反)互補
  • 效果等同於轉場版本的flex-align屬性和新版本的align-items屬性;
  • box-align的對齊方式受box-orient影響;
  • 預設情況下(即box-orient設定為horizontal)start和end所呈現的效果等同於頂部對齊和底部對齊;
  • 當box-orient設定為vertical時,start和end所呈現的效果等同於左對齊和右對齊;
  • 對應的腳本特性為boxAlign

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-11.0 2.0-40.0-moz- 4.0-45.0-webkit- 6.0-8.0-webkit- 15.0-29.0-webkit- 6.0-8.3-webkit- 2.1-4.4.4-webkit- 18.0-42.0-webkit-

示例: