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

      justify-content

      語法:

      justify-content:flex-start | flex-end | center | space-between | space-around

      默認(rèn)值flex-start

      適用于:flex容器

      繼承性:無

      動畫性:是

      計(jì)算值:指定值

      取值:

      flex-start:
      彈性盒子元素將向行起始位置對齊。該行的第一個子元素的主起始位置的邊界將與該行的主起始位置的邊界對齊,同時所有后續(xù)的伸縮盒項(xiàng)目與其前一個項(xiàng)目對齊。
      flex-end:
      彈性盒子元素將向行結(jié)束位置對齊。該行的第一個子元素的主結(jié)束位置的邊界將與該行的主結(jié)束位置的邊界對齊,同時所有后續(xù)的伸縮盒項(xiàng)目與其前一個項(xiàng)目對齊。
      center:
      彈性盒子元素將向行中間位置對齊。該行的子元素將相互對齊并在行中居中對齊,同時第一個元素與行的主起始位置的邊距等同與最后一個元素與行的主結(jié)束位置的邊距(如果剩余空間是負(fù)數(shù),則保持兩端相等長度的溢出)。
      space-between:
      彈性盒子元素會平均地分布在行里。如果最左邊的剩余空間是負(fù)數(shù),或該行只有一個子元素,則該值等效于'flex-start'。在其它情況下,第一個元素的邊界與行的主起始位置的邊界對齊,同時最后一個元素的邊界與行的主結(jié)束位置的邊距對齊,而剩余的伸縮盒項(xiàng)目則平均分布,并確保兩兩之間的空白空間相等。
      space-around:
      彈性盒子元素會平均地分布在行里,兩端保留子元素與子元素之間間距大小的一半。如果最左邊的剩余空間是負(fù)數(shù),或該行只有一個伸縮盒項(xiàng)目,則該值等效于'center'。在其它情況下,伸縮盒項(xiàng)目則平均分布,并確保兩兩之間的空白空間相等,同時第一個元素前的空間以及最后一個元素后的空間為其他空白空間的一半。

      說明:

      設(shè)置或檢索彈性盒子元素在主軸(橫軸)方向上的對齊方式。
      • 當(dāng)彈性盒里一行上的所有子元素都不能伸縮或已經(jīng)達(dá)到其最大值時,這一屬性可協(xié)助對多余的空間進(jìn)行分配。當(dāng)元素溢出某行時,這一屬性同樣會在對齊上進(jìn)行控制。
      • 對應(yīng)的腳本特性為justifyContent。

      兼容性:

      • 淺綠 = 支持
      • 紅色 = 不支持
      • 粉色 = 部分支持
      Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
      Basic Support 6.0-10.0 2.0-21.0 4.0-20.0 6.0 15.0+-webkit- 6.0-6.1 2.1-4.3 18.0-19.0
      11.0+ 22.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

      1. <span id="z4nqb"></span>
        色综合一区二区 | 久久久一区二区三区 | 国产足交视频 | 国产在线精品视频豆花 | 一区二区三区黄色电影 | 国产又爽又黄无遮挡 | 成人毛片A片免费看 | 亚洲乱伦av | 蜜桃精品视频 | 欧美性爱少妇性爱 |