最新的Web開發教程
 

Style alignContent Property

<Style對象

定位所述柔性的件<div>與線之間的空間元素:

// Code for Safari 7.0+
document.getElementById("main").style.WebkitAlignContent = "space-between";

// Standard syntax
document.getElementById("main").style.alignContent = "space-between";
試一試»

定義和用法

該alignContent財產對齊軟質容器的項目時,項目不使用於十字軸的所有可用空間(vertically)

提示:使用justifyContent財產對準主軸項目(horizontally)

注意:必須有項目該物業有任何效果的多條線路。


瀏覽器支持

在表中的數字規定,完全支持該財產瀏覽器版本。

數字後面的Webkit指定的前綴工作的第一個版本。

屬性
alignContent 21.0 11.0 28.0 7.0的Webkit 12.1

注:Safari瀏覽器支持的替代方案,WebkitAlignContent財產。


句法

返回alignContent屬性:

object .style.alignContent

設置alignContent屬性:

object .style.alignContent="stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit"

屬性值

描述
stretch 默認值。 項目被拉伸以適應集裝箱
center 項目被定位在容器的中心
flex-start 項目定位在容器的開始
flex-end 項目被定位在容器的端部
space-between 項目被定位為與線之間的空間
space-around 項之前定位空間之間,並且所述行之後
initial 將此屬性設置為默認值。 閱讀關於初始
inherit 繼承其父元素此屬性。 閱讀關於繼承

技術細節

默認值: 伸展
返回值: 一個字符串,表示元素的ALIGN-內容屬性
CSS版本 CSS3

相關頁面

CSS參考: align-content property

HTML DOM樣式的引用: alignItems property

HTML DOM樣式的引用: alignSelf property

HTML DOM樣式的引用: justifyContent property


<Style對象