CSS:如何摆脱一些无法解释的空间/填充?

tru*_*ktr 4 html css

在这个例子中:

http://jsfiddle.net/trusktr/g5sa5/

你会看到每行图像之间有一个白色的间距.世界上你如何摆脱它

oez*_*ezi 12

至少有两种解决方案.只需在您的.box_thumb_img样式中添加以下行之一:

vertical-align: bottom;
Run Code Online (Sandbox Code Playgroud)

要么

display: block;
Run Code Online (Sandbox Code Playgroud)

说明:默认情况下,浏览器将图像视为内联元素.它将图像放在与文本基线(见下图)相同的高度(是的,在您的页面上没有文字,但可能有一些).图像下方的空间是文本在其基线下使用的空间,用于显示gp或q等字符.

要摆脱这种情况,只需将垂直对齐设置为文本的底部(我的第一个解决方案),或者不要让图像成为内联元素(我的第二个解决方案).

在此输入图像描述