How to use flex layout to distribute columns

This article introduces the method of using flex layout to distribute columns

html code

<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 code

items:{

　 display:flex;

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

}

.item{

　height:40px;

}

The above is the detailed content of How to use flex layout to distribute columns. For more information, please follow other related articles on the PHP Chinese website!