html – 在我的元素下面有4px的额外填充？

发布时间：2020-12-14 18:49:41 所属栏目：资源来源：网络整理

导读：H3LLO, 由于某种原因,一个元素下面有4px的额外填充.我在Firefox和Chrome中都看到这个清单.我记得在Flickr早期看到这种现象,除了它是一个蓝色的酒吧,出现在包裹在元素下面. 这是一个link to the example code,说明了我的问题.背景：一个已经着色的红色和边框

H3LLO,

由于某种原因,一个元素下面有4px的额外填充.我在Firefox和Chrome中都看到这个清单.我记得在Flickr早期看到这种现象,除了它是一个蓝色的酒吧,出现在包裹在元素下面.

这是一个link to the example code,说明了我的问题.背景：一个已经着色的红色和边框：img已经变成灰色.您可以看到,一个元素在img下方的4px附近延伸.

当您将鼠标悬停在窗口上时,请按下右上角的“使用JSBIN编辑”链接.

关于如何摆脱元素额外的底部填充的任何想法？

谢谢
亚当

解决方法

添加vertical-align：bottom;到你的img css属性.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!