多招解决图片5px空隙问题

如果样式表没有重置默认规则时，这个5像素的问题一般都会出现，如下这几种方法，前两种是非常常见的解决小技巧，VOKO的前端工程师总结了目前已知的4种方法，屡试不爽，方便日后可以及时排上用场。

方法1、给img设置display:block;

html,body {margin:0; padding:0;}
.imgBox {}
.imgBox img {width:100%; display:block;}

方法2、给父元素设置font-size:0;

html,body {margin:0; padding:0;}
.imgBox {font-size:0;}
.imgBox img {width:100%;}

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

html,body {margin:0; padding:0;}
.imgBox {}
.imgBox img {width:100%; vertical-align:bottom;}

方法4、给父元素设置line-height:5px;

html,body {margin:0; padding:0;}
.imgBox {line-height:5px;}
.imgBox img {width:100%;}