1. <span id="z4nqb"></span>

      align-content

      語(yǔ)法:

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

      默認(rèn)值stretch

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

      繼承性:無(wú)

      動(dòng)畫性:是

      計(jì)算值:指定值

      取值:

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

      說(shuō)明:

      當(dāng)伸縮容器的側(cè)軸還有多余空間時(shí),本屬性可以用來(lái)調(diào)準(zhǔn)「伸縮行」在伸縮容器里的對(duì)齊方式,這與調(diào)準(zhǔn)伸縮項(xiàng)目在主軸上對(duì)齊方式的 <' justify-content '> 屬性類似。請(qǐng)注意本屬性在只有一行的伸縮容器上沒(méi)有效果。
      • 對(duì)應(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+

      示例:

      本頁(yè)最后更新時(shí)間:

      2015.8.10

      1. <span id="z4nqb"></span>
        国产三级片在线免费观看 | 亚洲夜福利 | 国产视频福利论坛 | 无码三级在线观看 | 潮喷网站 | 日本A片免费观看 | 影音先锋一起操 | IPX-811桃乃木かな无码破解 | WWW性爱视频 | 成人精品一区二区区别解析 |