css中align-content屬性如何使用？這個問題可能是我們?nèi)粘W習或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

創(chuàng)新互聯(lián)公司專注于圖木舒克網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供圖木舒克營銷型網(wǎng)站建設(shè)，圖木舒克網(wǎng)站制作、圖木舒克網(wǎng)頁設(shè)計、圖木舒克網(wǎng)站官網(wǎng)定制、小程序開發(fā)服務(wù)，打造圖木舒克網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供圖木舒克網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

                                                           css align-content屬性在彈性容器內(nèi)的各項沒有占用交叉軸上所有可用的空間時對齊容器內(nèi)的各項（垂直）。容器內(nèi)必須有多行的項目，該屬性才能渲染出效果。

css align-content屬性怎么用?

定義和用法

align-content 屬性在彈性容器內(nèi)的各項沒有占用交叉軸上所有可用的空間時對齊容器內(nèi)的各項（垂直）。

提示：使用 justify-content 屬性對齊主軸上的各項（水平）。

注意：容器內(nèi)必須有多行的項目，該屬性才能渲染出效果。

默認值： stretch

繼承： 否

可動畫化： 否。

版本： CSS3

JavaScript 語法：

object.style.alignContent="center"

CSS 語法

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

屬性值

● stretch 默認值。項目被拉伸以適應(yīng)容器。

● center 項目位于容器的中心。

● flex-start 項目位于容器的開頭。

● flex-end 項目位于容器的結(jié)尾。

● space-between 項目位于各行之間留有空白的容器內(nèi)。

● space-around 項目位于各行之前、之間、之后都留有空白的容器內(nèi)。

● initial 設(shè)置該屬性為它的默認值。

● inherit 從父元素繼承該屬性。

實例

對齊彈性盒的

  

  

  



注意: Internet Explorer 10 及更早版本瀏覽器不支持 align-content 屬性。
注意: Safari 7.0 及更新版本通過 -webkit-align-content 屬性支持該屬性。