解决图片与父容器底部缝隙的最基本(最常用的方法)

在怪异模式下,图片与其父容器之间大约有3个像素的空隙.解决图片与父容器底部缝隙的最常用的有以下3中方法:

解决方法一

设置图片的垂直对齐方式为top/bottom/middle.

    img{
        vertical-align:top;
    }

解决方法二

设置图片的父容器的字体大小为0.

    .box{
        width:500px;
        height:200px;
        font-size:0;
    }

解决方法三

将图片转为块级元素.

    img{
        display:block;
    }