Facebook& Twitter按钮 [英] Misalignment of Facebook & Twitter buttons

问题描述

该页面包含来自Twitter和Facebook的两个按钮。

我在Firefox 3.5.15中观察到的是：

1. 在加载页面时，按钮或多或少对齐（我的意思是底部）




3. 如果我重新载入网页，按钮会再次对齐，而且




有人可以解释发生了什么以及如何解决这个问题吗？

解决方案

找到了推下它的样式。








此CSS样式

 <$> c $ c> .fb_iframe_widget iframe 
  

有此元素

  vertical-align：text-bottom; 
  

这是推下它的人。





您可以覆盖CSS样式与以下组合的选择器和！重要

  .twitter-share-button [style] {vertical-align：text-bottom！important; } 
  




The page contains two buttons, from twitter and from facebook.

What I'm observing in Firefox 3.5.15 is:

1. While the page is loading, the buttons are more or less aligned (I mean their bottom sides)
2. When the page is loaded, the facebook button moves a few pixels down, so that it's bottom side is lower than the bottom side of the twitter button.
3. If I reload the page, the buttons are again aligned, and remain in this state even after the page is loaded.

Can someone please explain what's going on and how to fix it?

解决方案

Found the style that is pushing it down ..

If you use FireBug and scroll down to the iframe within the FB button.

This CSS style

.fb_iframe_widget iframe

has this element

vertical-align: text-bottom;

That's the one who's pushing it down.

You can override the CSS style with the following combo of selector and !important

.twitter-share-button[style] { vertical-align: text-bottom !important; }

这篇关于Facebook& Twitter按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！