flexbox 頁面佈局

使用flex佈局

<div class="content">

<div class="list"></div>

<div class="list"></div>

<div class="list"></div>

<div class="list"></div>

</div>

css

.content{

display:flex;

flex-wrap:wrap;

}

.content .list{

width:200px;

height:200px;

}

參考：

理解Flexbox：你須要知道的一切