首先确定一下需求:多个元素,每个元素里有图片和一些文字等。每一行的图片区域高度根据最高图片决定,不够高的图片垂直居中
可以看下图中第一行图片较高,第二行图片较矮
以上可通过多嵌套两层display:flex实现
先上代码结构
<ul class="parent">
<li>
<div class="img">
<img src="./image/cat1.jpg" alt="">
</div>
<p class="price">like price</p>
</li>
<li>
<div class="img">
<img src="./image/cat2.jpeg" alt="">
</div>
<p class="price">like price</p>
</li>
。
。
。
</ul>
解析都写里边 了