女同一区二区三区在线-日本伊人久久综合网-国产日韩欧美mv高清-国产精品亚洲精品日韩已满十八小-亚洲精品色午夜无码专区日韩-亚洲精品无码成人片久久不卡-亚洲国产一级中文字幕-亚洲综合国产成人丁香五月激情-日韩精品一区二区三区在线观看l

align-content

語法:

align-content:flex-start | flex-end | center | space-between | space-around | stretch

默認值stretch

適用于:多行的彈性盒模型容器

繼承性:無

動畫性:是

計算值:指定值

取值:

flex-start:
各行向彈性盒容器的起始位置堆疊。彈性盒容器中第一行的側(cè)軸起始邊界緊靠住該彈性盒容器的側(cè)軸起始邊界,之后的每一行都緊靠住前面一行。
flex-end:
各行向彈性盒容器的結(jié)束位置堆疊。彈性盒容器中最后一行的側(cè)軸起結(jié)束界緊靠住該彈性盒容器的側(cè)軸結(jié)束邊界,之后的每一行都緊靠住前面一行。
center:
各行向彈性盒容器的中間位置堆疊。各行兩兩緊靠住同時在彈性盒容器中居中對齊,保持彈性盒容器的側(cè)軸起始內(nèi)容邊界和第一行之間的距離與該容器的側(cè)軸結(jié)束內(nèi)容邊界與第最后一行之間的距離相等。(如果剩下的空間是負數(shù),則各行會向兩個方向溢出的相等距離。)
space-between:
各行在彈性盒容器中平均分布。如果剩余的空間是負數(shù)或彈性盒容器中只有一行,該值等效于'flex-start'。在其它情況下,第一行的側(cè)軸起始邊界緊靠住彈性盒容器的側(cè)軸起始內(nèi)容邊界,最后一行的側(cè)軸結(jié)束邊界緊靠住彈性盒容器的側(cè)軸結(jié)束內(nèi)容邊界,剩余的行則按一定方式在彈性盒窗口中排列,以保持兩兩之間的空間相等。
space-around:
各行在彈性盒容器中平均分布,兩端保留子元素與子元素之間間距大小的一半。如果剩余的空間是負數(shù)或彈性盒容器中只有一行,該值等效于'center'。在其它情況下,各行會按一定方式在彈性盒容器中排列,以保持兩兩之間的空間相等,同時第一行前面及最后一行后面的空間是其他空間的一半。
stretch:
各行將會伸展以占用剩余的空間。如果剩余的空間是負數(shù),該值等效于'flex-start'。在其它情況下,剩余空間被所有行平分,以擴大它們的側(cè)軸尺寸。

說明:

當(dāng)伸縮容器的側(cè)軸還有多余空間時,本屬性可以用來調(diào)準(zhǔn)「伸縮行」在伸縮容器里的對齊方式,這與調(diào)準(zhǔn)伸縮項目在主軸上對齊方式的 <' justify-content '> 屬性類似。請注意本屬性在只有一行的伸縮容器上沒有效果。
  • 對應(yīng)的腳本特性為alignContent

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-10.0 2.0-45.0 4.0-20.0 6.0 15.0+-webkit- 6.0-6.1 2.1-4.3 18.0-19.0
11.0+ 21.0+-webkit- 6.1+-webkit- 17.0+ 7.0+-webkit- 4.4+ 20.0+-webkit-
29.0+ 9.0+ 9.0+ 28.0+

示例:

本頁最后更新時間:

2015.8.10