直接在图像边缘放置边框

【问题标题】：Putting a border directly on the edge of an image直接在图像边缘放置边框
【发布时间】：2023-04-02 00:23:02
【问题描述】：

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

【问题讨论】：

【解决方案1】：

您需要在 CSS 中将图像垂直对齐到顶部 :)

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

希望有帮助！

【讨论】：

【解决方案2】：

给图片加边框

img{
 border:1px solid #000;
}

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

【讨论】：

【解决方案3】：

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

【讨论】：