利用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中文网其他相关文章！