Question

我知道它的编程并不多，更多的是编码。我面临一个理论上简单易于解决的问题：

项目：一套多用途的美观定价表

问题：如何将一组3个定价表集中在浏览器的窗口中。

我尝试的解决方案：＆＃34;保证金：0自动＆＃34; on .main class和.container class

下面是下载一段代码的链接以及我想要实现的目标的图形说明。对于解决这个问题的任何帮助，我都非常感激。干杯！

链接到index.html和css文件夹+问题的图形说明：https://www.dropbox.com/sh/tlcld7k6lfhmb3w/YMJ3_5MR6I

Answer 1

<强> DEMO

margin: 0 auto;应该可以正常检查演示。您可能忘记限制div的宽度。

如果你在div中的div中使用margin auto技术并不重要，只要父div覆盖整个宽度。

Answer 2

答案很简单：您的.center类居中。但是您的价格表的宽度为25％ - 这意味着只要您只有三个容器，那么右侧将有一个宽度为25％的空间。

解决方案： Eather添加第四个价格选项或将.cp-column的宽度设置为33％;）

现在看起来像：

.center {
 margin-left: auto;
 margin-right: auto;
}
.cp-column {
 width: 25%;
 float: left;
}

将其更改为

.center {
 margin-left: auto;
 margin-right: auto;
}
.cp-column {
 width: 33%;
 float: left;
}