css - 水平居中页面的全部内容

Question

当页面在较小的屏幕上时，我试图将页面上的所有内容水平居中。

目前一切都正确对齐；

这是我的 CSS:

@media screen and (max-width: 1038px) {
.wrapper{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
}

我也试过 margin: 0 auto; 无济于事。 text-align:center; 只会更改其 div 内的文本。

我正在处理的页面是 http://tcsdesignreno.com/nvvolunteers/

如果您能提供帮助，请告诉我，谢谢!

Answer 1

我会查看这些内容中的任何一个以及对您网站元素的响应度。虽然看起来你已经有这样的事情发生了。

有可能您必须针对您的目的提出一些特定的东西。但是使用其中之一并了解它们是如何做到的将是制定您自己的解决方案的一个很好的起点。

• 骨架:http://www.getskeleton.com/ (见网格)
• Twitter Bootstrap :http://twitter.github.io/bootstrap/index.html (见脚手架)
• 基金会:http://foundation.zurb.com/ (见网格)