![](https://img.haomeiwen.com/i10440694/020bc552c740f793.png)
解决方法一:
定义图片的vertical-align:bottom;middle;text-top;top;
解决方法二:
定义容器的font-size:0
原因:
行内元素(inline)默认和父元素的baseline对齐
baseline:
元素的基线
![](https://img.haomeiwen.com/i10440694/6511a4902ac4f1b2.png)
参考 https://developer.mozilla.org/zh-CN/docs/Web/CSS/vertical-align
解决方法一:
定义图片的vertical-align:bottom;middle;text-top;top;
解决方法二:
定义容器的font-size:0
原因:
行内元素(inline)默认和父元素的baseline对齐
baseline:
元素的基线
参考 https://developer.mozilla.org/zh-CN/docs/Web/CSS/vertical-align
本文标题:div和img 下面有距离
本文链接:https://www.haomeiwen.com/subject/upiujktx.html
网友评论