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ウィジェットから来ていると確信しています。

4

1 に答える 1

3

これは、ブロックレベルの要素の隣にインライン要素を近づけようとすると発生する可能性があります。行の高さなどのテキストプロパティが邪魔になります。画像をブロックレベルの要素に設定して修正します。

img { display: block;}
于 2012-11-30T17:51:30.463 に答える