• 微信号:wumiao_357234902
您当前的位置:首页>web前端开发>CSS

多种方法清除图片img底部空白间隙

作者:Miao 阅读:4562次

在开发中,常常看见图片下方有一条间隙,不大不小就在那里,下面就说说有哪些方法可以清除掉这个间隙:

<div class="container">
	<img src="123.jpg" />
</div>
html,body{
	margin: 0;
	padding: 0;
}


方法一:给父元素(container)设置font-size: 0;

.container{
	font-size: 0;
}


方法二:给img设置display: block;

img{
	display: block;
}


方法三:给img设置vertical-align: bottom;

img{
	vertical-align: bottom;
}

方法四:给img设置line-height: 5px;

.container{
	line-height: 5px;
}

本站部分文章、数据、素材收集于网络,所有版权均归源网站或原作者所有!

如果侵犯了您的权益,请来信告知我们下线删除,邮箱:357234902@qq.com

标签:CSS