删除图像下方的空白区域

2018-07-02 00:43:08

这个问题在这里已经有了答案：

div内的图像在图像9下面有额外的空间

你会看到下行的空间（悬置在'y'和'p'底部的位），因为默认情况下img是内联元素。这消除了差距：

.youtube-thumb img { display: block; }

如果你不想修改块模式，你可以使用下面的代码：

img{vertical-align:text-bottom}

或者，您可以使用以下Stuart建议的内容：

img{vertical-align:bottom}

如果你想保持图像内联，你可以把vertical-align: top或vertical-align: bottom 。默认情况下，它在基线上对齐，因此它下面有几个像素。

链接地址: http://www.djcxy.com/p/89291.html