19 html css image padding hyperlink
H3LLO,
由于某种原因,在a元素下面出现了4px的额外填充.我在Firefox和Chrome中看到了这个清单.我记得早期在Flickr上看到过这种现象,只不过它是一个蓝色的条形图,出现在s包裹的元素中.
这是一个示例代码的链接,用于说明我的问题.背景:a的颜色为红色,边框:img的颜色为灰色.如您所见,a元素在img下方延伸约4px .
要查看代码,只需在将鼠标悬停在窗口上时按下右上角显示的" 使用JSBIN编辑 "链接即可.
如何任何想法摆脱的一个元素的额外的底部填充？
谢谢
亚当
小智 8
a {display: inline-block}
img {display: block}
默认情况下,图像以内联方式呈现,您需要添加display: block或vertical-align: bottom修复问题.
| 归档时间： |
|
| 查看次数： |
6389 次 |
| 最近记录： |