橫線排列舉例如下：

<divclass="context">

<divclass="list">list1</div>

<divclass="list">list1</div>

<divclass="list">list1</div>

</div>

<style>

.context{

width:300px;

height:200px;

display:-webkit-flex;

display:flex;

//寫兩個(gè)這個(gè)是為了兼容性，效果都是一樣的

justify-content:space-around;

}

</style>