Html DIV块之间的自动填充始终为浏览器窗口的100%？

我有X个DIV块向左浮动。当第一行上没有空间时，它会自动换行到下一行

这是代码（JS FIDDLE）

jsfiddle.net/pGfeT/

有人知道我如何使灰盒之间的空白（填充）自动，这样无论发生什么情况，灰盒的大小总是相同的，只是填充增加或减少？（最小宽度5像素左右=）

=>CSS

.photo-dashboard {
width: 100%;
min-height: 800px;
}

.photo-dashboard .photo-block {
padding: 2px;
float: left;
}

.photo-dashboard .photo-block .blockAlpha60 {
width: 330px;
height: 330px;
float: left;
text-align: center;
/* Fallback for web browsers that doesn't support RGBa */
/**/background: rgb(186, 186, 186) transparent;
/* RGBa with 0.6 opacity */
background: rgba(186, 186, 186, 0.1);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}

.photo-dashboard .photo-block .blockAlpha60 .photo-block-image {
padding-top: 15px;
}

=>HTML（参见fiddle，了解无角度的工作示例）

---

使用此解决方案，所有块都居中，因此框之间的填充不会改变，但它们会覆盖页面的所有中心

jsfiddle.net/pGfeT/1/

它可能适合您的需要，如果它是为网站显示，我认为它是更传统的

---

将元素相对居中，而不是在屏幕上到处都有相同的填充和元素，特别是对于大屏幕。祝你好运！

注意：寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现问题所需的最短代码。没有明确问题说明的问题对其他读者没有用处。请将代码添加到您的问题中，不要简单地将fiddle链接包装在代码标签中。谢谢您的回答：）我同意……这更好：）

jsfiddle.net/pGfeT/1/