我在图像周围有一个标签。我在标签所在的 div 上设置了边框。我将边距和填充都设置为 0,但由于某种原因,我的标签仍然比图像高 3 个像素。这在图像和边框之间留下了一点空间,破坏了我想要完成的外观。
我究竟做错了什么?我在 FireFox 和 Chrome 中进行了测试,结果相同。谢谢
原文由 Icode4food 发布,翻译遵循 CC BY-SA 4.0 许可协议
3 回答958 阅读✓ 已解决
4 回答1.3k 阅读✓ 已解决
2 回答933 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
2 回答1.3k 阅读✓ 已解决
2 回答908 阅读✓ 已解决
2 回答1.1k 阅读✓ 已解决
图像是
display: inline
所以它被视为一个字符并位于基线上。间隙是由为下行部分提供的空间造成的(你可以在 j、g、y 和 p 等字母上找到它)。使用 CSS 调整
vertical-align
:img{vertical-align: bottom}