html css 中如何去图片之间的空隙

html-css026

html css 中如何去图片之间的空隙,第1张

img标签本身是个行内元素，所以当多个img排在一起时，它们之间如果有回车换行或者空格就会形成空隙，比如

<img src="图片1" />

<img src="图片2" />

<img src="图片3" />

改成下面这样就没有空隙了

<img src="图片1" /><img src="图片2" /><img src="图片3" />

或者也可以把img改为块级元素，再利用浮动，也可以去掉空隙：

<img src="图片1" style="display:blockfloat:left" />

<img src="图片2" style="display:blockfloat:left" />

<img src="图片3" style="display:blockfloat:left" />

你看下你的全局的border margin padding 有没有给0 可能是全局的参数没有给零 或者是上层的CSS里有东西控制你的BACKGROUD不重复 居左 居上 是不是背景图片不够大 没有把位置占到呢？ 最好加个溢出隐藏 OVERFLOWN:HIDDEN