利用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;

}