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 (Orange) 图标均匀/平行?

谢谢

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 回答