CSS常见问题--2.Div嵌套Img底部出现空隙
一、产生原因:
原因是因为Img属于内联元素,而内联元素会以基线对齐。
二、解决办法
1.设置Img属性:vetical-align:top/bottom/middle/text-bottom/sub
2.设置Img属性:display:block
这种做法不推荐,因为 img 在浏览器里的默认样式是 inline,除非有特别的需要否则还是不改盒模型为好。
3.对包裹Img的容器:line-height:0
4.对包裹Img的容器:font-size:0
...
原创
2021-06-18 15:17:26 ·
375 阅读 ·
0 评论