Css 为什么div不是';在页面上不居中?

Css 为什么div不是';在页面上不居中?,css,blueprint-css,Css,Blueprint Css,单据类型: <!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"> 正文: 标题 {%block content%}{%endblock content%} {%

单据类型:

<!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">

正文:


标题
{%block content%}{%endblock content%}
{%block-footer%}{%endblock%}
{%block js%}
{%endblock%}
即使我将margin:0自动添加到.site容器中,它也不起作用。为什么?


.site container
还没有任何内容。

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

最外面的
应该有一个
容器类,而不是
站点容器类。另外,对于最外层的
,不需要指定列数。它自动为整数(默认为24)

例如,请参见:

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

....
有关如何使用Blueprint的更多信息,请参见以下链接:


只是一个简单的建议,你给它加了一个宽度了吗?你能列出当前应用于
网站容器的所有样式吗?这样我们可以帮助调试吗?不,我没有为它设置宽度。@Telemachus:谢谢,问题解决了。@JMC Creative@Lionel Chan-他正在使用CSS模板Blueprint CSS()。它已经设置了默认宽度,但我认为他使用了错误的最外面的
名称。但是如果它扩展到页面的宽度,那么它就居中了,对吗?
<body>
    <div class="container">
    ....
    </div>
</body>