0

私はしばらくこれを研究してきましたが、解決策が見つかりません。

これが私のコードです

<p><iframe allowtransparency="true" scrolling="no" frameborder="no" src="https://w.soundcloud.com/icon/?url=http%3A%2F%2Fsoundcloud.com%2F&color=orange_white&size=32" style="width: 32px; height: 32px;"></iframe> <a href="LINK"target="_blank"><img src="http://2014.software-quality-days.com/uploads/RTEmagicC_facebook_02.png.png "/> </a></p>

このコードをコピーして、このサイトの HTML 領域に貼り付ける場合: http://jsfiddle.net/T3Nnu/3/

Facebook アイコンを見ると、SoundCloud (オレンジ) アイコンより数ピクセル高く設定されています。SoundCloud (オレンジ) アイコンと均等/平行にする方法はありますか?

ありがとうございました

4

2 に答える 2

0

次のように変更します。

<p>
    <iframe 
        allowtransparency="true" scrolling="no" frameborder="no" 
        src="https://w.soundcloud.com/icon/?url=http%3A%2F%2Fsoundcloud.com%2F&color=orange_white&size=32" 
        style="width: 32px; height: 32px;">
    </iframe>
    <a href="LINK"target="_blank">
        <img height="32px" width="32px" src="http://2014.software-quality-days.com/uploads/RTEmagicC_facebook_02.png.png "/>
    </a>
</p>

iframe の高さと幅が 32px で、画像の幅と高さが 34px であるためです。

于 2013-03-16T10:05:34.423 に答える
0

これを試すことができます http://jsfiddle.net/T3Nnu/4/ 

<a href="http://soundcloud.com/" target="_blank">
<img src="https://w.soundcloud.com/icon/assets/images/orange_white_32-94fc761.png" style="width: 32px; height: 32px;"/>
</a>
<a href="http://fb.com" target="_blank"><img style="margin-top:10px" src="http://2014.software-quality-days.com/uploads/RTEmagicC_facebook_02.png.png "/>
</a>
于 2013-03-16T10:07:33.517 に答える