为什么 HTML5 DIV 中的图像底部边距为 3px，如何修复？

修复 HTML5 中图像的无法解释的边距问题

在 HTML5 中，用户遇到了一个意外问题，即 DIV 元素中包含的图像出现无法解释的边距问题3px 下边距，尽管没有 CSS 定义导致它。即使图像的高度和宽度以及 DIV 都设置为 50px，也会出现此问题。

要解决此异常，可以追溯到图像表现得像文本中的字符，创建其下方的空格用于悬挂“y”或“g”等字符。解决方案在于利用 CSS 的垂直对齐属性来指示不需要这样的空间。 Vertical-align 的任何值都足够，其中“middle”是一个流行的选择。

在 CSS 中实现此修复：

img {
    vertical-align: middle;
}

通过合并此代码，图像将丢失不需要的内容底部边距，导致预期的行为。实际演示请参考这个更新后的jsFiddle：http://jsfiddle.net/fRpK6/1/。

以上是为什么 HTML5 DIV 中的图像底部边距为 3px，如何修复？的详细内容。更多信息请关注PHP中文网其他相关文章！