img三像素,是怎么回事?

在写页面的时候,发现img下面有间隙,当时我也不知道怎么回事,就查间隙是怎么回事,但是人家说这是img底部三像素问题,原来是间隙大约有三像素......

一开始把img所有父元素的margin padding 都设为0,但是还是有缝隙,原来是img  display默认inline-block ,inline-block默认是有行间距的,解决这个问题只需要将display:inline-block改为 block或者vertical-align:top也可以vertical-align:bottom

原因是基线对齐

 


版权声明:本文为qq_38845858原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。