html - 居中对齐列

Question

我无法将四行居中。作为临时措施，我所做的是在 css 中将边距百分比定义为 .left 和 .right 并尝试仅在视觉上将其居中，这是行不通的...

在论坛上，我这样做不仅是因为行没有正确居中，而且当您放大列时，它们都开始在一行中对齐(而不是像表格一样)。

过去一个小时左右，我一直在尝试解决这个问题，但没有成功。有什么帮助吗？我真的，真的很感激。谢谢。

沙箱:http://cssdesk.com/C5Kmk

编辑:

如果我能像我制作的那样制作一张表格，那么我会......但我对编码还很陌生，我不太确定该怎么做。

此外，我将链接放在那里是因为我在发布代码时遇到困难。

编辑 2:

html/css 代码最终使列居中，但它也使它们排成一行。

.left 代码几乎可以正常工作。有人放大的时候还是有一些问题，比如右边2列开始消失，只剩下左边2列。此外，论坛上的 float 主菜单栏位于列下方——虽然所有内容都以其下方的列/代码为中心，但它实际上并未以论坛为中心，而是固定在最左侧...

知道发生了什么事吗？

Answer 1

现在您正在 .left 类中使用此属性。

.left {
    float:left;
    margin-left: 15%;
}

替换为这种风格。这个属性会做什么？它将使中心成为一切..

.left {
margin: 0 auto;
text-align:center;
width:1024px;
min-width:auto;
overflow: hidden;
}

这是演示.. http://cssdesk.com/GGnx5