包含图像的 div 底部的空间

Question

22 浏览2023年5月21日

匿名的 2022年9月4日

0 Comments

这个问题已经有答案了：

图像在 div 内部有额外的空间下方

为什么在 div#imageDiv 底部有一个空间？

          
text goes here        
html {
  line-height: 1.5em;
}
#text {
  background-color: grey;
  margin-top:-7px;
}

admin 更改状态以发布 2023年5月21日

0

匿名的 · Answer 1 · 2022-09-04T20:57:58+00:00

把你的图片底部与垂直对齐，空白就会消失。

img {
    vertical-align:bottom;
}

匿名的 · Answer 2 · 2022-09-04T20:57:58+00:00

将你的图片设置为img { display:block; }。下次请在 SO 上添加代码，以防链接失效，并使我们可以轻松地在这里审查你的代码。