为什么锚标记会在带边框的 Div 中的图像下方添加空格？

锚标记在图像下方添加空白

当锚标记将图像包围在带边框的 div 中时，在图像下方可能会出现意外的间隙图像。此问题源于图像的内联显示属性，将其视为位于基线上的字符。该间隙容纳了排版中的下伸部分，例如“j”或“g”。

要解决此问题，请使用 CSS 调整图像的垂直对齐方式：

img {
  vertical-align: bottom;
}

此代码强制图像底部与基线对齐，消除空白并恢复所需的设计。

以上是为什么锚标记会在带边框的 Div 中的图像下方添加空格？的详细内容。更多信息请关注PHP中文网其他相关文章！