【问题标题】:Remove the white space below image删除图片下方的空白
【发布时间】:2013-08-21 20:21:16
【问题描述】:

在 Chrome 中,横幅右侧的图像下方有一个小的空白区域。奇怪的是 - 当我对任何 css 属性进行更改后立即使用开发人员工具时,图像似乎会重新对齐并且空白消失。

我已向图像添加属性,例如: 显示:块; 大纲:0; 填充:0; 边距:0; 垂直对齐:文本底部;

This is my page.

它在 chrome 中的外观:

它在其他浏览器中的外观:

我怎样才能摆脱这个空间?

【问题讨论】:

标签: css image border whitespace removing-whitespace


【解决方案1】:

这实际上是一个常见问题,我在自己的 HTML Web 开发中使用 CHrome 和开发者工具时注意到了自己。当您打开开发人员工具时,HTML 渲染中似乎存在故障。它经常发生,但我知道这是一个奇怪的错误。我从来没有在任何其他浏览器中注意到它。

我给你的建议是暂时忽略它:)

(当然,如果它不会破坏您的 HTML)

看起来它只是一个小的 UI 空间。

祝你好运

-基鲁

【讨论】:

  • 谢谢你 - 它仍然留下了为什么空白存在以及如何删除它的问题。没有打开开发者工具的空白区域就在那里。