Question

我不知道为什么，但是当我有这个订单的HTML时：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

    <div id="header" style="width: 1020px; height: 50px; vertical-align: sub; margin: 0 auto; text-align: left; background-color: white;">    
        {% if user.is_authenticated %}
            <span><a class="header_urls"  href="{{ URL }}/accounts/profile/">Profile</a>&nbsp;&nbsp;&nbsp;</span>
            <span style="float: left; color: blue; vertical-align: sub"><a class="header_urls" href="{{ URL }}/blog/">Blog</a>&nbsp;&nbsp;&nbsp;</span>
            <span style="float: left; color: blue; vertical-align: sub"><a class="header_urls" href="{{ URL }}/gallery/newest/1">Something</a>&nbsp;&nbsp;&nbsp;</span>

        {% endif %}
    </div>
</html>

Outpu是：Blog，Somthing，Profile。并且在chrome代码中，观众代码按此顺序，它以其他顺序显示这些内容。为什么会这样？

Answer 1

如果项目的顺序不同，您可能会float: right

html的奇怪行为

1 个答案: