flex-flow 屬性/樣式/取值/語(yǔ)法/格式寫法/簡(jiǎn)寫/用法[CSS教程手冊(cè)]

語(yǔ)法：

flex-flow：<' flex-direction '> || <' flex-wrap '>

默認(rèn)值：看各分拆屬性

適用于：flex容器

繼承性：無

動(dòng)畫性：否

計(jì)算值：指定值

取值：

<' flex-direction '>：: 定義彈性盒子元素的排列方向。
<' flex-wrap '>：: 控制flex容器是單行或者多行。

說明：

復(fù)合屬性。設(shè)置或檢索彈性盒模型對(duì)象的子元素排列方式。

對(duì)應(yīng)的腳本特性為flexFlow。

兼容性：

淺綠 = 支持
紅色 = 不支持
粉色 = 部分支持

Values	IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
Basic Support	6.0-10.0	2.0-27.0	4.0-20.0	6.0	15.0+^-webkit-	6.0-6.1	2.1-4.3	18.0-19.0
	11.0	28.0+	21.0+^-webkit-	6.1+^-webkit-	17.0+	7.0+^-webkit-	4.4+	20.0+^-webkit-
	11.0	28.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>flex-flow_CSS參考手冊(cè)_web前端開發(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.dgyx668.com" />
<style>
h1{font:bold 20px/1.5 georgia,simsun,sans-serif;}
.box{
	display:-webkit-flex;
	display:flex;
	width:220px;margin:0;padding:10px;list-style:none;background-color:#eee;}
.box li{width:100px;height:100px;border:1px solid #aaa;text-align:center;}
#box{
	-webkit-flex-flow:row nowrap;
	flex-flow:row nowrap;
}
#box2{
	-webkit-flex-flow:row wrap-reverse;
	flex-flow:row wrap-reverse;
}
#box3{
	height:220px;
	-webkit-flex-flow:column wrap-reverse;
	flex-flow:column wrap-reverse;
}
</style>
</head>
<body>
<h1>flex-flow示例：</h1>
<h2>flex-flow:row nowrap</h2>
<ul id="box" class="box">
	<li>a</li>
	<li>b</li>
	<li>c</li>
</ul>
<h2>flex-flow:row wrap-reverse</h2>
<ul id="box2" class="box">
	<li>a</li>
	<li>b</li>
	<li>c</li>
</ul>
<h2>flex-flow:column wrap-reverse;</h2>
<ul id="box3" class="box">
	<li>a</li>
	<li>b</li>
	<li>c</li>
</ul>
</body>
</html>

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

2015.7.29

未满十八18勿进黄网站|美国victoryday高清sort|江西迎来气温大跳水|一区二区在线免费观看|自偷自拍综合精品|五个黑人玩一女4P|WRITEAS串珠

語(yǔ)法：

取值：

說明：

兼容性：

示例：

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