2012-03-15 82 views
1

我看过几个网站,这些social share buttons看起来完全水平对齐。考虑到许多这些按钮是iframe。
这是我目前的痛苦局面: enter image description here如何水平对齐社交分享按钮?

+0

HTML和CSS会去帮助你很长的路要走。从照片中找出几乎是不可能的。 – MetalFrog 2012-03-15 15:16:48

+1

屏幕截图仅在代码与其关联时才有所帮助。 – 2012-03-15 15:17:24

+0

当然,必须用css来完成(这就是为什么我用'css'和'style'来标记)!我要求提供一个可以考虑类似情况的一般提示。这对设计师来说不仅仅是编码者的问题。 – 2012-03-15 15:24:59

回答

2

更改margin-top你的I帧(或div元素上面)为负值,让他们排队。使用试验和错误,一旦你使用以下HTML标识正确elemtn,直到你得到它的权利,例如:

<div id="twitter"> 
    <iframe/> 
</div> 
<div id="facebook"> 
    <iframe/> 
</div> 
<div id="digg"> 
    <iframe/> 
</div> 

的CSS会是这个样子:

div#facebook 
{ 
    margin-top:-5px; 
} 
div#digg 
{ 
    margin-top:-10px; 
} 
+0

是的,我是这样做的,谢谢。 – 2012-04-02 18:57:16