开拓者图片,姆巴佩是黑人吗,球探篮球比分最新网

語(yǔ)法：

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

默認(rèn)值：flex-start

適用于：flex容器

繼承性：無(wú)

動(dòng)畫性：是

計(jì)算值：指定值

取值：

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

說(shuō)明：

設(shè)置或檢索彈性盒子元素在主軸（橫軸）方向上的對(duì)齊方式。

當(dāng)彈性盒里一行上的所有子元素都不能伸縮或已經(jīng)達(dá)到其最大值時(shí)，這一屬性可協(xié)助對(duì)多余的空間進(jìn)行分配。當(dāng)元素溢出某行時(shí)，這一屬性同樣會(huì)在對(duì)齊上進(jìn)行控制。
對(duì)應(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-
	11.0+	22.0+	29.0+	9.0+	17.0+	9.0+	4.4+	28.0+

示例：

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>justify-content_CSS參考手冊(cè)_web前端開(kāi)發(fā)參考手冊(cè)系列【CSS在線手冊(cè)-網(wǎng)站設(shè)計(jì)教程參考資料】</title>
<meta name="author" content="易網(wǎng),網(wǎng)站設(shè)計(jì),網(wǎng)站制作,網(wǎng)站建設(shè),www.hntcxs.cn" />
<style>
h1{font:bold 20px/1.5 georgia,simsun,sans-serif;}
.box{
	display:-webkit-flex;
	display:flex;
	width:400px;height:100px;margin:0;padding:0;border-radius:5px;list-style:none;background-color:#eee;}
.box li{margin:5px;padding:10px;border-radius:5px;background:#aaa;text-align:center;}
#box{
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
}
#box2{
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
}
#box3{
	-webkit-justify-content:center;
	justify-content:center;
}
#box4{
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
#box5{
	-webkit-justify-content:space-around;
	justify-content:space-around;
}
</style>
</head>
<body>
<h1>justify-content示例：</h1>
<h2>justify-content:flex-start</h2>
<ul id="box" class="box">
	<li>a</li>
	<li>b</li>
	<li>c</li>
</ul>
<h2>justify-content:flex-end</h2>
<ul id="box2" class="box">
	<li>a</li>
	<li>b</li>
	<li>c</li>
</ul>
<h2>justify-content:center</h2>
<ul id="box3" class="box">
	<li>a</li>
	<li>b</li>
	<li>c</li>
</ul>
<h2>justify-content:space-between</h2>
<ul id="box4" class="box">
	<li>a</li>
	<li>b</li>
	<li>c</li>
</ul>
<h2>justify-content:space-around</h2>
<ul id="box5" class="box">
	<li>a</li>
	<li>b</li>
	<li>c</li>
</ul>
</body>
</html>

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

2015.8.10

足球护具有哪些_布鲁特_310竞彩足球推荐专家预测_-90vs即时比分 - nba得分榜历史排名

語(yǔ)法：

取值：

說(shuō)明：

兼容性：

示例：

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