使图像从上到下连续显示
Making images display in a row from top to bottom
我有这组图片,想在专栏中显示。
<div class="row">
<img src="image1" alt="">
<img src="image2" alt="">
<img src="image3" alt="">
</div>
现在我有这个和所有 3 个图像并排显示,我想要的是像一列一样从上到下显示图像。我知道我必须对 css 中的行 class 做些什么我只是不知道是什么所以我希望有人能在这里帮助我 :)
.row {
display: flex;
flex-direction: column;
}
此外,您还可以像这样垂直显示图像:
.row img {
display: block;
}
我有这组图片,想在专栏中显示。
<div class="row">
<img src="image1" alt="">
<img src="image2" alt="">
<img src="image3" alt="">
</div>
现在我有这个和所有 3 个图像并排显示,我想要的是像一列一样从上到下显示图像。我知道我必须对 css 中的行 class 做些什么我只是不知道是什么所以我希望有人能在这里帮助我 :)
.row {
display: flex;
flex-direction: column;
}
此外,您还可以像这样垂直显示图像:
.row img {
display: block;
}