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

}


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2020 ITdaan.com