多种方法清除图片img底部空白间隙 作者：admin 阅读：2103次 在开发中，常常看见图片下方有一条间隙，不大不小就在那里，下面就说说有哪些方法可以清除掉这个间隙： ```html <div class="container"> <img src="123.jpg" /> </div> ``` ```css html,body{ margin: 0; padding: 0; } ``` **方法一：给父元素（container）设置font-size: 0;** ```css .container{ font-size: 0; } ``` **方法二：给img设置display: block;** ```css img{ display: block; } ``` **方法三：给img设置vertical-align: bottom;** ```css img{ vertical-align: bottom; } ``` **方法四：给img设置line-height: 5px;** ```css .container{ line-height: 5px; } ``` 赞一个 (27) 本站部分文章、数据、素材收集于互联网，一切版权均归源网站或原作者所有！ 如果侵犯了您的权益请来信告知我们删除，邮箱：357234902@qq.com 标签：CSS 上一篇:css3 align-self 属性使用方法及示例 下一篇:CSS3滤镜(Filters)强大功能，可更改图片img颜色
