Question

我有三列布局。我需要在每个盒子的底部粘贴一个图像。我怎么能这样做？

<div class="box">
   <div class="item1">hello <img src="example1.png" /></div>
   <div class="item1">test <img src="example2.png" /></div>
   <div class="item1">hi <img src="example3.png" /></div>
</div>

如果图像的高度可变，我如何在每个div的底部对齐图像？

Answer 1

使用类似的东西

.item1 {
display:flex;
flex-direction: column;
}

 <div class="item1">
    <p>hello<p>
    <img src="example1.png" />
</div>

如果这可以用于其他div，如果你想要这些div并排，那么

.box {
display:flex;
}

希望这有帮助

保重和快乐编码

三列布局，底部有图像

1 个答案: