多种方法清除图片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