html css 中如何去图片之间的空隙
展开全部
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:block; float:left" />
<img src="图片2" style="display:block; float:left" />
<img src="图片3" style="display:block; float:left" />
<img src="图片1" />
<img src="图片2" />
<img src="图片3" />
改成下面这样就没有空隙了
<img src="图片1" /><img src="图片2" /><img src="图片3" />
或者也可以把img改为块级元素,再利用浮动,也可以去掉空隙:
<img src="图片1" style="display:block; float:left" />
<img src="图片2" style="display:block; float:left" />
<img src="图片3" style="display:block; float:left" />
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |