我正在使用 CSS3 多列，列宽设置为 200 像素，让列数自由适应不同的屏幕尺寸。
这是我正在处理的代码：http: //jsfiddle.net/kBPUX/
在我 1280 像素宽的笔记本电脑上，当窗口从一列扩展到两列时，列居中，一直到四列。它工作得很好，但是当窗口最大化时突然在四列时，所有的列都突然左对齐，在右边留下一个大的丑陋的排水沟。
知道那是什么以及如何使列以任何分辨率为中心吗？
编辑：在玩了一些之后，我相信正在发生的事情是浏览器不想再创建任何列。未指定列填充，因此它默认为自动并尝试尽可能接近地匹配列高。添加更多列将导致列具有不同的高度。正是在这一点上，我想确保列在父容器中居中，而不是左对齐。
注意：这在 Firefox、Chrome 和 IE9 中适用于我，这是我所支持的全部。我绝对不会碰 JQuery 布局产品；它必须是纯 CSS。