flexbox布局-根据图片确定元素高度(类似瀑布流布局)
首先确定一下需求:多个元素,每个元素里有图片和一些文字等。每一行的图片区域高度根据最高图片决定,不够高的图片垂直居中
可以看下图中第一行图片较高,第二行图片较矮
以上可通过多嵌套两层display:flex实现
先上代码结构
<ul class="parent">
<li>
<div class="img">
<img src="./image/cat1.jpg" alt="">
</div>
原创
2020-06-14 00:31:41 ·
724 阅读 ·
0 评论