网站宽度。将内容居中包装答案

【问题标题】：Website width. centering content in a wrap网站宽度。将内容居中包装
【发布时间】：2013-06-09 00:46:33
【问题描述】：

对此有很多不同的答案，我很难弄清楚我应该练习什么。目前我正在使用一个脚本来使我的页面居中。我是从这个网站上的某个人那里得到的，但我对 javascript 了解的不够多，无法理解它。

这是我使用的代码

    $( document ).ready( function(){
setMaxWidth();

function setMaxWidth() {
$( ".page_wrap" ).css( "maxWidth", ( $( window ).width() * 0.7 | 0 ) + "px" );
}

});

起初我认为这很好用，但在缩小和刷新后，它会适应并拉伸一切。这不是一个大问题，但我注意到专业网站正在使用这种方法，因为他们的网站在做同样的事情后不会崩溃。

对于 div 换行和居中内容，我必须使用 960 像素的宽度吗？我不喜欢使用固定宽度。

如果您注意到本网站：http://themetrust.com/demos/hero/

他们没有使用媒体查询来使其响应。当您放大和缩小时，它会很好地适应。这就是我的网站的目标。

【问题讨论】：

em's 只是相对固定，媒体查询是未来网络的一部分，不要回避它们。

标签： css wrapper center fluid

【解决方案1】：

水平居中元素最常见的技术是为包含的元素（必须是块元素）提供明确的宽度并使用

margin: 0 auto;

这也是您链接的网站所使用的。如果有意识地使用固定宽度是可以的，如果它们通过媒体查询适应不同的屏幕尺寸会更好。

【讨论】：

所以你的意思是我应该坚持使用 960px 换行并使用媒体查询进行更改，而不是采用在调整大小时会发生变化的流畅设计路线？
960px 可以是例如当您定位 1024px 屏幕时的换行宽度。只需要显式大小来使 div 居中。流体布局有点不同，我会说（它们对最轻微的调整大小有反应）。这真的取决于你想要实现的设计。
还不能投票，但我给了你最好的答案。我通过给我的页面换行一个最小宽度和最大宽度来解决我的问题。似乎工作得很好。事情在没有媒体查询的情况下适应调整大小并且没有任何中断。仍然会使用媒体查询，但我喜欢流畅的设计。

【解决方案2】：

使用框架而不是手动和 jquery 放置每个元素！节省时间、省力、减少错误。试试bootstrap

【讨论】：