Question

html两张在同行的图片被挤下来产生的间距怎么处理？

两张在同一行的图片应该是没有间距的，可是我设置div的宽度为1000px;图片的宽度为600px，这样第二张图片就被挤下来了，这样产生的间距，怎么处理呢？谢谢！





Answer 1

去掉图片的间距方法有两个:

1、

div img{
    display: block;
}

2、

div img{
    float：left；
}

这样图片换行后的间距就没有了

Answer 2

把img的border设置为0或无，让图片左浮动

Answer 3

在页面的reset共用样式内，定义img属性。

img{
    display:block;
    overflow:hidden;
    vertical-align:middle;
}

Answer 4

<li>
<div class="Color-square">
<img class="Img-color-square" src="images/orange.png"></img>
</div>
<div class="Square">
<img src="images/square.png"></img>
</div>
<div>666</div>
<div>
<img src=""></img>
</div>
<div>7777</div>
<div>
<img src=""></img>
</div>
<div>8888</div>
<div>
<img src=""></img>
</div>
<div>9999</div>
</li>