利用flex布局来column分布的方法

html代码

<div class='items'>
    <div class='item'></div>
    <div class='item'></div>
    <div class='item'></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分布的方法的详细内容，更多请关注Gxl网其它相关文章！