【发布时间】:2011-01-17 18:26:52
【问题描述】:
我遇到了一个 CSS 问题。
http://www.luukratief-design.nl/dump/parallax/index.html
我无法让此页面居中对齐。 在我得到使用“text-align:center;”的答案之前在身体上,我已经这样做了。
页面 100% 验证(CSS 和 HTML)。
请帮忙,以前从来没有过。
【问题讨论】:
我遇到了一个 CSS 问题。
http://www.luukratief-design.nl/dump/parallax/index.html
我无法让此页面居中对齐。 在我得到使用“text-align:center;”的答案之前在身体上,我已经这样做了。
页面 100% 验证(CSS 和 HTML)。
请帮忙,以前从来没有过。
【问题讨论】:
将#wrapper div的左右边距设置为auto
#wrapper{
margin:0 auto;
}
【讨论】:
要使页面居中对齐,您可以将页面的所有内容放在容器 div 中并设置这些 css 属性
body
{
text-align: center; //for ie 6
}
#main_wrapper
{
text-align: left;
width: 1000px; //any width you want
margin: 0 auto;
}
这里的主要包装器是包含所有内容的 div
【讨论】:
将此添加到您的包装器中:
margin-left:auto;
margin-right:auto;
【讨论】:
使用这个 css 对齐到中心:
<style>
#your_div_id {margin:0px auto;}
</style>
【讨论】: