box-pack

語法:

box-pack:start | center | end | justify

預設值start

適用於:伸縮盒容器

繼承性:無

動畫性:否

計算值:指定值

取值:

start:
設定伸縮盒物件的子元素從開始位置對齊(大部分情況等同於左對齊,受)
center:
設定伸縮盒物件的子元素居中對齊
end:
設定伸縮盒物件的子元素從結束位置對齊(大部分情況等同於右對齊)
justify:
設定或伸縮盒物件的子元素兩端對齊

說明:

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

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-11.0 2.0-40.0-moz-#1 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-
  1. 支援justify值但無效果。

示例: