我在我的页面上的图像下方嵌入了一个 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 小部件。
最佳答案
当您尝试将内联元素靠近 block 级元素放置时,就会发生这种情况。诸如行高之类的文本属性会妨碍。通过将图像设置为 block 级元素来修复它:
img { display: block;}
关于html - 从嵌入内容中删除不需要的边距/填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13649848/