Question

我已经研究了一段时间，但找不到任何解决方案。

这是我的代码

<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（橙色）图标均匀/平行吗？

谢谢

Answer 1

用以下内容进行更改：

<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。

Answer 2

您可以试试这个，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>

移动图标 - 像素

2 个答案: