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喜欢按钮位置问题

回答

相关问题