我遇到了Firefox的跨浏览器定位问题。我正在使用display:table和display:table-cell。这是一个JSFiddle:
基本上,如果你在Safari,Chrome或IE中打开它,<li>
都会居中(这就是我想要的)。当你在Firefox中打开它时,一切都在左边。
我已尝试过多种解决方案来重新调整所有内容,但它似乎无法正常工作。我已经尝试position:absolute
left:0
从一个共同的起点开始,但即使这样,Firefox <li>
也没有与其他浏览器对齐。
我使用display的原因:table-cell是因为它似乎更容易控制所有浏览器(特别是IE)并且已经在网站上的其他页面上工作。关于它为什么会在Firefox中错位的任何想法(顺便说一下这个问题从FF5到FF10仍然存在)?
答案 0 :(得分:1)
您可能需要定义display:inline-block到img
&amp;将text-align:center
定义为它的父级。
检查一下:
<强>已更新强>
对于IE7,有黑客检查链接 http://jsfiddle.net/cSq6W/5/