css flex布局

①使用flex布局

.box {
	display: flex;
	display: -webkit-flex;
}

②容器的属性：flex-direction（排列方式）

<div class="box">
	<div class="item">1</div>
	<div class="item">2</div>
	<div class="item">3</div>
</div>

.box {
	flex-direction: row | row-reverse | column | column-reverse;
}

③容器的属性：flex-wrap（换行方式）

<div class="box">
	<div class="item">1</div>
	<div class="item">2</div>
	<div class="item">3</div>
</div>

.box {
	flex-wrap: nowrap | wrap | wrap-reverse;
}

④容器的属性：flex-flow（flex-direction和flex-wrap的简写）

.box {
  flex-flow: <flex-direction的可选值> <flex-wrap的可选值>;
}