默认情况下,图像将其底边与文本的基线对齐.你看到的那个空间是基线以下的空间,由q,p,y等下行器使用(事实上你没有文字是无关紧要的 - 它们的空间仍然是保留的.)
你可以像这样摆脱它:
img { /* Or a suitable class, etc. */
vertical-align: bottom;
}
Run Code Online (Sandbox Code Playgroud)
它可能是垂直对齐 - 检查计算的样式以查看图像当前的样式,然后尝试将其添加到样式表中:
img { vertical-align: text-bottom; }
Run Code Online (Sandbox Code Playgroud)
有关所发生情况的一些示例,请参阅图像下的神秘间隙和什么是垂直对齐。