解决方案:
img{
vertical-align:middle;
或者vertical-align:bottom;img的底线与父元素的底线对齐
或者vertical-align:top;img的顶线与父元素的顶线对齐
或者:display:block;
}
或者父元素设置line-height:0px;或者font-size:0px;但是使用后者就不可以实现图文排版了
vertical-align的默认值是baseline
div不设置宽高则在视口中不占位置
解决方案:
img{
vertical-align:middle;
或者vertical-align:bottom;img的底线与父元素的底线对齐
或者vertical-align:top;img的顶线与父元素的顶线对齐
或者:display:block;
}
或者父元素设置line-height:0px;或者font-size:0px;但是使用后者就不可以实现图文排版了
vertical-align的默认值是baseline
div不设置宽高则在视口中不占位置