解决CSS图片底部3像素问题总结

解决三像素问题的总结:

1.img标签的父标签增加font-size:0;

如、body{
    font-size: 0;
  }

2.img标签增加display:block;

img{
display:block;
}

3.img标签增加vertical-align: middle;

img{
vertical-align: middle;//或者vertical-align:top;
}

4.img标签增加float:left

img{
float:left;
}

 

为了更好地看效果,读者可以通过运行代码:





三像素问题




加载
加载


转载于:https://www.cnblogs.com/lvxisha/p/9658287.html

你可能感兴趣的:(解决CSS图片底部3像素问题总结)