如何使用CSS删除图像之间的空白区域？

Question

我正在处理一个小型的个人项目，而对于主页面，它将是一个接一个的图像，每个图像都是页面的大小。

我试图摆脱这种间距：

感谢任何帮助，谢谢！

Answer 1

您必须将样式设置为：

img {
    display: block;
}

干杯

Answer 2

为每个display: block设置img。下面的代码段中的示例。设置height只是为了使图像不会太大。

＆＃13;

＆＃13;

img {
  display: block;
  height: 150px;  
}

＆＃13;

<img src="http://i.imgur.com/B5vX1kN.jpg"/>
<img src="http://i.imgur.com/KYXOUfE.png"/>

＆＃13;

＆＃13;

＆＃13;

Answer 3

你应该发布你的CSS和HTML代码，否则很难解决这个问题。

可能的解决方案是

img{border:0;}

或

img {display: block;}