0

文件类型：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

身体：

<body>
    <div class = "site-container span-24">
        <div class="page-header-heading heading-font span-24">
                    <h1>Heading</h1>
        </div>
        <div class="page-header span-24">

        </div>
        {% block content %}{% endblock content %}
        {% block footer %}{% endblock %}
    </div>

    {% block js %}
        <script src="/media/js/jquery-1.4.4.min.js" language="javascript" type="text/javascript"></script>
        <script src="/media/js/main.js" language="javascript" type="text/javascript"></script>
    {% endblock %}
</body>

即使我将 margin: 0 auto 放入 .site-container 也不起作用。为什么？

.site-container还没有任何东西。

4

2 回答 2

1

最外层<div>应该有一个类container，不是site-container。此外，对于最外层<div>，您不需要指定列数。自动为整数（默认为 24​​）。

请参阅Blueprint 网站的演示页面，例如：

<body>
    <div class="container">
    ....
    </div>
</body>

有关如何使用蓝图的更多信息，请参阅这些链接：

于 2011-01-29T01:13:56.940 回答
0

您是否在 div 上设置了宽度？否则它不会居中，因为它只会扩展到页面的宽度。

于 2011-01-29T01:09:30.367 回答