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

Question

我使用CSS3多列，列寬設置爲200px，留下列數可以適應不同的屏幕大小。

這裏是我工作的代碼：http://jsfiddle.net/kBPUX/

在我1280px寬的筆記本電腦，作爲窗口將展開一至兩一路攀升到四列的列居中。它的效果很好，但當窗戶最大化時突然出現在四列，所有突然出現的列都證明在右側留下了一個很大的醜陋水溝。

任何想法是什麼，以及如何使列以任何分辨率爲中心？

編輯：在玩了一些之後，我相信發生了什麼是瀏覽器不想再做任何列。列填充未指定，因此它默認爲自動並嘗試儘可能匹配列高度。添加更多列會導致高度不同的列。正是在這一點上，我想確保列在父容器中居中，而不是左對齊。

備註：這適用於我在Firefox，Chrome和IE9這是我所支持的一切。我絕對不會碰JQuery佈局產品;它必須是純粹的CSS。

Answer 1

爲什麼不使用column-count？

http://jsfiddle.net/Svyy2/4/

也看一下div的width。如果您將它們設置爲與columns相同的width，則會出現問題，因爲width+padding+border>column width。例如，將其設置爲90％。

Answer 2

截至今天，我不知道任何工作解決我的問題，但我相信正確的解決方案是多列規範的列空間分佈屬性，但它不是由任何瀏覽器呢。