0

我有个问题。我正在重新设计一个网站，我正在使用 HTML5 + CSS3。我正在制作一个带有喜欢和关注按钮的栏。我通常使用无序列表处理那些 ul 的高度为 20px 并且每个子 li 元素具有相同的 20px 高度和 float:left 的列表。然后，我将 div.fb-like 和 follow 按钮插入到单独的 li 中。

我遇到的问题是，在 Windows 中，类似按钮在 IE9、Firefox 和 Opera 上向下移动 6px，但在 Chrome 和 Safari 上运行良好（所有浏览器都是最新的）。我尝试使用运行良好的 jquery css 修复，但随后我在 Chrome 上的 Macbook 上打开了该站点，并且在 6px 移动时遇到了同样的问题。

以前我制作了另一个页面，其中使用了几乎相同的条形布局，但它使用的是 XHTML 1.1 Transitional。由于某种原因，它没有这个问题。

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

你可以在这里看到演示：http: //yucatan.travel.zebradm.mx/prueba.php

4

1 回答 1

1

您在某处有一个垂直对齐的文本底部：

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

删除它，它会对齐

于 2012-08-10T18:46:39.060 回答