对齐问题显示:Firefox中的表格单元格

时间:2012-02-09 04:08:55

标签: html css firefox css-tables

我遇到了Firefox的跨浏览器定位问题。我正在使用display:table和display:table-cell。这是一个JSFiddle:

http://jsfiddle.net/cSq6W/1/

基本上,如果你在Safari,Chrome或IE中打开它,<li>都会居中(这就是我想要的)。当你在Firefox中打开它时,一切都在左边。

我已尝试过多种解决方案来重新调整所有内容,但它似乎无法正常工作。我已经尝试position:absolute left:0从一个共同的起点开始,但即使这样,Firefox <li>也没有与其他浏览器对齐。

我使用display的原因:table-cell是因为它似乎更容易控制所有浏览器(特别是IE)并且已经在网站上的其他页面上工作。关于它为什么会在Firefox中错位的任何想法(顺便说一下这个问题从FF5到FF10仍然存在)?

1 个答案:

答案 0 :(得分:1)

您可能需要定义display:inline-block到img&amp;将text-align:center定义为它的父级。 检查一下:

http://jsfiddle.net/cSq6W/2/

<强>已更新

对于IE7,有黑客检查链接 http://jsfiddle.net/cSq6W/5/