解决img标签上下间隙问题

为何img标签上下会有间隙?spa

  根本缘由在于img标签为inline元素。code

  该元素默认垂直对齐方式为以父元素的baseline,但展现时又是以bottomline为对齐方式,所以形成了上下两个img标签之间的间隙。blog

解决方法:class

(1)img{display:block}
    将其改变为block元素,可是该方法太粗暴,至关于从根本上改变了img
(2)img{vertical-align:top}
    改变其垂直对齐方式
(3)div{font-size:0}
    把父元素的文字大小设置为0

 

 

设置img在div中等比缩放方法

img{width:0;height:0;max-width:100%;max-height:100%}im

img{max-height:60px;max-width:60px}top

相关文章
相关标签/搜索