Question

我一直在搞乱我的几个网页，因为当网页缩小或放大时，它们完全搞砸了。我已经尝试<center>和<div align:"center">来使网页居中但是它似乎不起作用。引起悲伤的网页是：

任何想法？

Answer 1

您需要使用包装类来包装内容，因为<center>标记和align div属性现在无效。 :)。对于您的问题，我建议您在body。

之后添加这样的包装器类

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

在CSS中，请给出一个固定的宽度。

.wrap {width: 960px; margin: 0 auto;}

960px的宽度最适合所有浏览器，因为它默认使用1024px和1280px宽度。

如果你有内容需要流过，比如页眉和页脚的背景，那么在这种情况下，你可以在元素内添加包装背景的包装器。例如，如果<div class="header">...</div>有一个背景流动，你可以这样使用：

<body>
    <div class="header">
        <div class="wrap">
        ...
        ...
        </div>
    </div>
</body>

如果您不理解任何部分，请告诉我。：）

让我知道这些修复后的输出是什么。

Answer 2

我通常使用两种技术，第一种是让它重排：http://jsfiddle.net/PALur/，其次是保持固定的宽度和列数：http://jsfiddle.net/Qg8XQ/2/（编辑：更正了计算宽度的公式）

请注意，您需要修改HTML，您划分为列的方式无法正常工作。