锚标记底部的空白

新手上路,请多包涵

我在图像周围有一个标签。我在标签所在的 div 上设置了边框。我将边距和填充都设置为 0,但由于某种原因,我的标签仍然比图像高 3 个像素。这在图像和边框之间留下了一点空间,破坏了我想要完成的外观。

我究竟做错了什么?我在 FireFox 和 Chrome 中进行了测试,结果相同。谢谢

原文由 Icode4food 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 286
2 个回答

图像是 display: inline 所以它被视为一个字符并位于基线上。间隙是由为下行部分提供的空间造成的(你可以在 j、g、y 和 p 等字母上找到它)。

使用 CSS 调整 vertical-alignimg{vertical-align: bottom}

原文由 Quentin 发布,翻译遵循 CC BY-SA 3.0 许可协议

display:block 如果元素没有兄弟姐妹就足够了。

原文由 meder omuraliev 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题