将边框直接放在图像的边缘

Question

我在包含它的div底部有一个图像和一个边框。问题是我希望边框直接位于图像的下边缘。相反，底部似乎有一些我想要摆脱的天然填充物。我怎么能这样做？

Answer 1

您需要在CSS中将图像垂直对齐设置为顶部：）

img { vertical-align: top /* can be baseline */ }

希望有所帮助！

Answer 2

为什么不直接将边框应用于IMG标签而不是其容器DIV？

Answer 3

将边框放在图像上

img{
 border:1px solid #000;
}

请分享您的代码以解决填充问题。