Css 将一个div居中，在一个div内，在一个div内-有什么建议吗？

我知道这不是编程，更多的是编码。我面临一个理论上很简单的问题：

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

问题：如何在浏览器窗口中居中放置一组3个定价表

我尝试过的解决方案：在.main类和.container类上使用“margin:0 auto”

下面是下载一段代码的链接，以及我想要实现的目标的图形说明。如果有人帮我解决这个问题，我将不胜感激。干杯

链接到index.html和css文件夹+问题的图形说明：

margin:0自动应该可以正常工作检查演示。您可能忘记了限制div的宽度

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

margin:0自动应该可以正常工作检查演示。您可能忘记了限制div的宽度

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

margin:0自动应该可以正常工作检查演示。您可能忘记了限制div的宽度

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

margin:0自动应该可以正常工作检查演示。您可能忘记了限制div的宽度

只要父div覆盖整个宽度，在div中的div中使用margin auto技术并不重要。
答案很简单：
你的中心阶级是中心的。但你们的价格表有25%的宽度，这意味着只要你们只有三个集装箱，右边就有25%的宽度

解决方案：
Eather添加第四个价格选项或将.cp列的宽度设置为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;
}

答案很简单：
你的中心阶级是中心的。但你们的价格表有25%的宽度，这意味着只要你们只有三个集装箱，右边就有25%的宽度

解决方案：
Eather添加第四个价格选项或将.cp列的宽度设置为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;
}

答案很简单：
你的中心阶级是中心的。但你们的价格表有25%的宽度，这意味着只要你们只有三个集装箱，右边就有25%的宽度

解决方案：
Eather添加第四个价格选项或将.cp列的宽度设置为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;
}

答案很简单：
你的中心阶级是中心的。但你们的价格表有25%的宽度，这意味着只要你们只有三个集装箱，右边就有25%的宽度

解决方案：
Eather添加第四个价格选项或将.cp列的宽度设置为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;
}

我也需要css文件。你能把它们上传到更容易调试的地方吗？设置正确的
width
和
margin:0 auto至集装箱部门Jere！谢谢你提醒我关于jsfiddle.net的事情，我一直在想“那个在线代码粘贴平台是什么”，但没法提醒自己。下面是jsfiddle.net上的代码：（你必须以某种方式将两个css部分分开，因为内联css在这里无法正常工作。或者可能是我做错了什么）我也需要css文件。你能把它们上传到更容易调试的地方吗？设置正确的
width
和
margin:0 auto至集装箱部门Jere！谢谢你提醒我关于jsfiddle.net的事情，我一直在想“那个在线代码粘贴平台是什么”，但没法提醒自己。下面是jsfiddle.net上的代码：（你必须以某种方式将两个css部分分开，因为内联css在这里无法正常工作。或者可能是我做错了什么）我也需要css文件。你能把它们上传到更容易调试的地方吗？设置正确的
width
和
margin:0 auto至集装箱部门Jere！谢谢你提醒我关于jsfiddle.net的事情，我一直在想“那个在线代码粘贴平台是什么”，但没法提醒自己。下面是jsfiddle.net上的代码：（你必须以某种方式将两个css部分分开，因为内联css在这里无法正常工作。或者可能是我做错了什么）我也需要css文件。你能把它们上传到更容易调试的地方吗？设置正确的
width
和
margin:0 auto至集装箱部门Jere！谢谢你提醒我关于jsfiddle.net的事情，我一直在想“那个在线代码粘贴平台是什么”，但没法提醒自己。下面是jsfiddle.net上的代码：（由于某种原因，内联css在这里不能很好地工作，所以您必须将两个css部分分开。或者可能是我做错了什么事）谢谢您的回答。然而，我选择Jere作为解决我最初问题的人。没问题：），当我发布我的答案时，你方没有任何干扰，我很高兴你的问题得到了解决。谢谢你的回答。然而，我选择Jere作为解决我最初问题的人。没问题：），当我发布我的答案时，你方没有任何干扰，我很高兴你的问题得到了解决。谢谢你的回答。然而，我选择了Jere作为解决我最初问题的人。没问题：），当我发布我的答案时，你方没有任何干扰，我很高兴你的问题