Rumah > Artikel > hujung hadapan web > 利用flex布局来column分布的方法
利用flex布局来column分布的方法
- 高洛峰asal
- 2017-03-15 10:05:072746semak imbas
这篇文章介绍利用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;
}
Atas ialah kandungan terperinci 利用flex布局来column分布的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：实现canvas贝塞尔曲线效果代码演示 Artikel seterusnya：标题栏的title前添加网站logo的方法