首页 文章

从嵌入的内容中删除不需要的边距/填充

提问于
浏览
3

我在页面下方的图像中嵌入了一个SoundCloud小部件 .

图像底部和窗口小部件顶部之间有一个小空间 . 我已经使用Web Inspector来追踪这个差距来自哪里,但我找不到它 . 我想删除这个空间 .

代码很简单:

<img src="http://upload.wikimedia.org/wikipedia/commons/8/85/Image-New_Delhi_Lotus.jpg">
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F66379982?"></iframe>

查看实际操作代码:http://jsfiddle.net/LAn3A/

我甚至不知道这个差距是由于边界,填充还是边缘 . 我确信它来自SoundCloud小部件 .

1 回答

  • 3

    当您尝试在块级元素旁边紧密放置内联元素时,可能会发生这种情况 . 诸如line-height之类的文本属性会妨碍 . 通过将图像设置为块级元素来修复它:

    img { display: block;}
    

相关问题