图片下方出现多3px的原因及解决方法
2018-06-28 本文已影响49人
一片空白1233
产生原因:主要是因为图片的垂直对齐方式vertical-align引发的,默认值是baseline,默认为此值时图片下方就会多出3px。
解决方案:
1.将图片的垂直对齐方式vertical-align的值设置为bottom或middle(按理说都可以解决),就可以解决这个问题。
2.将图片display设置为block,并且指定width和height。
产生原因:主要是因为图片的垂直对齐方式vertical-align引发的,默认值是baseline,默认为此值时图片下方就会多出3px。
解决方案:
1.将图片的垂直对齐方式vertical-align的值设置为bottom或middle(按理说都可以解决),就可以解决这个问题。
2.将图片display设置为block,并且指定width和height。