This article introduces the method of using flex layout to distribute columns
html code
<div class='items'>
<div class='item'></div>
<div class='item'></div>
<div class='item'></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!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
