消除img图片与div下边界之间空白的三种方法

在div中插入图片,图片会和div下方有几像素高的空白,本文介绍了三种消除img图片与容器下边界之间空白的方法。

消除img图片与div下边界之间空白的三种方法
在div中插入图片,图片会和div下方有几像素高的空白,代码如下:





消除img图片与div下边界之间空白的三种方法|www.125jz.com

消除img图片与div下边界之间空白的三种方法



你可以运行查看!

如何消除图片与div下边界之间的空白?

今天125建站网给大家分享3种简单的解决方法

1、给图片img标签display:block

img{display:block}

2、定义容器里的字体大小为0

div {
  width:110px;
  border:1px solid #000000;
  font-size:0
}

3、定义图片img标签vertical-align:bottom

img{vertical-align:bottom}

设置后效果如下,图片与div下边界之间的空白消失了。
消除img图片与div下边界之间空白的三种方法

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/1153.html

(0)
江山如画的头像江山如画管理团队
上一篇 2018年2月7日 上午10:25
下一篇 2018年2月8日 上午10:47

99%的人还看了以下文章

发表回复

登录后才能评论