中心固定宽度CSS3容器中的多列

我使用的是CSS3多列，列宽设置为200px，让列计数自由地适应不同的屏幕大小

以下是我正在编写的代码：

在我的1280px宽的笔记本电脑上，当窗口从一列扩展到两列，一直扩展到四列时，列居中。它工作得很好，但是当窗口最大化时，突然在四根柱子上，所有的柱子突然向左对齐，在右边留下一个丑陋的大水槽

你知道这是关于什么的，以及如何使列以任何分辨率居中吗

编辑：在玩了一段时间之后，我相信现在的情况是浏览器不想再制作更多的列。列填充未指定，因此默认为“自动”，并尝试尽可能与列高度匹配。添加更多的列将导致具有不同高度的列。此时，我希望确保列在父容器中居中，而不是左对齐

---

注意：这在Firefox、Chrome和IE9中都适用，这是我所支持的。我绝对不会碰JQuery布局产品；它必须是纯CSS。

为什么不使用列计数

---

还可以查看

div

的

宽度。如果将它们设置为与列相同的
宽度
，则会出现问题，因为
宽度+填充+边框
列宽
。例如，将其设置为90%。
为什么不使用列计数


还可以查看
div
的
宽度。如果将它们设置为与列相同的
宽度
，则会出现问题，因为
宽度+填充+边框
列宽
。例如，将其设置为90%。
到今天为止，我不知道我的问题有任何有效的解决方案，但我相信正确的解决方案是multicolumn spec的列空间分布属性，但它尚未由任何浏览器实现。
到今天为止，我不知道我的问题有任何有效的解决方案，但我相信，正确的解决方案是multicolumn规范的列空间分布属性，但它还没有被任何浏览器实现。
不能使用列计数，因为布局必须响应不同的屏幕分辨率；也就是说，桌面和移动设备都需要一种风格的支持。我可以使用媒体查询，但在我看来这是一个糟糕的解决方案。列计数是响应性的。如果
可用宽度
<（
列计数
*
列宽度
），则显示的列数会减少。试试看。不能使用列计数，因为布局必须响应不同的屏幕分辨率；也就是说，桌面和移动设备都需要一种风格的支持。我可以使用媒体查询，但在我看来这是一个糟糕的解决方案。列计数是响应性的。如果
可用宽度
<（
列计数
*
列宽度
），则显示的列数会减少。试试看。