html - 当我为一张图片设置边距顶部时，为什么第二张图片会随之移动？

Question

当我为一张图片设置边距顶部时，为什么第二张图片会随之移动？

<img src="bgdesert.jpg"  style="margin-top: 18px;">
<img src="bgdesert.jpg" >

Answer 1

这是由于垂直对齐，您可以将其更改为top以避免这种影响:

img {
 vertical-align:top;
}

<img src="https://lorempixel.com/200/200/"  style="margin-top: 18px;">
<img src="https://lorempixel.com/200/200/" >