Firefox错误地渲染它,但达到了预期的效果

时间:2013-06-02 09:30:23

标签: css google-chrome firefox safari rendering

这是代码(http://jsfiddle.net/PZgn8/8/)。

<ul style="text-align: center;">
    <li>
        <a href="#">One</a>
    </li>
    <li>
        <a href="#">Two</a>
        <ul>
            <li>
                <a href="#">Two's child</a>
            </li>
        </ul>
    </li>
</ul>

我猜测Firefox 21的错误,因为iOS Safari(最新版本)也会像Chrome(桌面版,最新版)以及Chrome for iOS版(最新版)一样。

但我希望它看起来像在Firefox 21上。我怎样才能达到这个效果?

1 个答案:

答案 0 :(得分:0)

Safari和Chrome正在使用与Webkit相同的渲染引擎。这就是他们显示相同结果的原因。 Firefox正在使用Gecko。

您应该使用css reset代码来获得相同的效果。

顺便说一句,下面的代码也应该与Chrome上的Firefox几乎相同:

<ul style="margin:0 auto; width:100px">