Facebook喜歡按鈕位置問題

我有一個問題。我正在重新設計網站，並使用HTML5 + CSS3。我正在用一個按鈕來製作一個欄。我通常使用無序列表處理那些ul的高度爲20px，每個li元素具有相同20px高度和float：left的元素。然後，我將div.fb-like和follow按鈕分別插入到li中。Facebook喜歡按鈕位置問題

我遇到的問題是，在Windows中，類似按鈕在IE9，Firefox和Opera上向下移動6px，但在Chrome和Safari（所有瀏覽器都是最新的）上工作正常。我試圖使用jquery css修復工作正常，但後來我在Chrome上的Macbook上打開了該網站，它與6px移動有同樣的問題。

此前我做了另一個頁面，我使用了幾乎相同的條形佈局，但是它使用了XHTML 1.1 Transitional。出於某種原因，它沒有這個問題。

我正在使用Like按鈕的HTML5版本。

您可以在這裏看到演示：http://yucatan.travel.zebradm.mx/prueba.php

來源

2012-08-10 Mihail Minkov

你有一個垂直對齊文本底部的地方：

.fb_iframe_widget span { 
position: relative; 
display: inline-block; 
vertical-align: text-bottom; 
text-align: justify; 
}

刪除它，它會對準

來源

2012-08-10 18:46:39 K20GH

謝謝，這似乎工作，我老實說，不知道大聲笑。我所做的是複製定義並將文本從底部改爲頂部！非常重要。它做了詭計。再次感謝！ – 2012-08-10 18:53:06

Facebook喜歡按鈕位置問題

回答

相關問題