css - 删除图片下方的空白

Question

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

我为图像添加了属性，例如：display:block; 大纲：0；填充：0；边距：0；垂直对齐：文本底部；

这是我的页面。

它在 chrome 中的外观：

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

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

Answer 1

This is actually a common issue, I noticed myself in my own HTML web development when using CHrome and Developer Tools. Theres seems to be a glitch in the HTML render when you have the developer tools open. It happens every so often, but I know it is a weird bug. I never notice it in any other browser.

My suggestion to you, is to just ignore it for now :)

(if it doesn't break your HTML of course)

Seems like it is just a minor UI space.

Good Luck

-Kiru