之前做过很多多列固定高度的样式,这种三列里面内容是不一样高度的,但是需要展示成跟列表一样,三列多行规规整整的;
如果用float进行布局的话,会导致一行只展示两列的情况;
如果用display:inline-block;进行行内块的话,会导致瀑布流的情况,没有办法像表格一样根据内容的高度而定;
所以我用的flex进行布局可以完美的解决这个问题。
// father
ul {
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
// son
ul li {
width: 33.33%;
}
如果解决了你的问题,请给我点个赞哦!