利用flex佈局來column分佈的方法

這篇文章介紹利用flex佈局來column分佈的方法

html程式碼

<div class=&#39;items&#39;>
    <div class=&#39;item&#39;></div>
    <div class=&#39;item&#39;></div>
    <div class=&#39;item&#39;></div>
</div>

css程式碼

items:{

　　 display:flex;

　　flex-direction:column;
　　-webkit-flex-direction:column;
　　-moz-flex-direction:column;
　　-o-flex-direction:column;

}

#.item{

　　height#:40px;

}

以上是利用flex佈局來column分佈的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！