Question

如何让上下图片的间距消失，不用JS，只用DIV+CSS 。。解决了加分。

Answer 1

方法很多
1 加个css样式让每个图片都浮动，上下间隙就会消失
<style type="text/css">
img {
float: left;
}
</style>

2 使用绝对定位
3 表格布局
4 div+css
方法太多，随便一个都能解决 具体代码就不说了 有点网页制作基础 会很明白了 不懂的话 可以留下你的QQ

追问

浮动 表格 并不能完成，绝对定位成为动态的需要JS辅助 所以这些都是行不通的 我的QQ 171890425 如果能解决我的问题 我追加100分

Answer 2

看你的图片样子应该是设置了float:left;而且图片高度不一，那么图片会随着最上面图片最高高度对齐，就会永远有间距。如果你的图片数量有限，而且不是动态生成的，可以一个个排，一个个写样式（很麻烦），如果很多，还是从后台发布的图片，那就木有办法了，只能是参差不齐。

追问

只有你的答案最贴切 如果动态的布局不用JS就没用其他办法了？

Answer 3

贴上我的答案

在写上通用样式以后 *{margin:0;padding:0} 在写上下面的样式
<div class="hark">
<img />
</div>

.hark{line-height:0;overflow:hidden;} 或者 .hark img{line-height:0;overflow:hidden;}

这是要看你布局结构的... 要是有什么问题 可以Q我 236774251

Answer 4

你这个问题没问清楚，在你图片分析，图片的高度不一样，当然有距离，这个问题解决后可以在CSS样式里这样写： *{ margin：0px；padding：0px;} ，也可能不一定能否实现，还要看你这段代码是怎么写的。

Answer 5

最好还是发一下你的html代码，当然，必须有css！具体看你的这个怎么写的，造成有空隙的原因有很多！比如 margin padding 等等！