Question

html中两张图横向回车导致间隙,怎么才能去除成为无间隙？

如：div 宽300px ; img 宽100px; border:0px;
<div>
<img /><img /><img />
</div>
//上面情况刚好显示三张图
<div>
<img />
<img />
<img />
</div>

//这种情况就无法在横向显示三张图，因为回车导致两图间有间隙
............求解决办法....使间隙无有

Answer 1

CSS加上下面的行：

div img {
  display:inline;      /* 使所有img以内联形式布局 */
  float: left;         /* 使所有img左浮动 */
}

Answer 2

<div>
<img /><img /><img />
</div>
这种情况没缝隙直接使用不久得了？

追问

我也知道啊 现在就是这样用起的，但是这图片上的属性太多（JS事件）导致这图片的代码过上
为了美观方便查看代码，回车对齐就可以美观了
---------------------------------
但就这样回车后就有一个字符的间隙，现寻求css针对此种情况来解决问题

追答

额， 你有强迫症啊

这样试试

Answer 3

可以用表格或者li把这3张图片布局好