我在下面的链接中显示了一个简单的页面，当您调整浏览器窗口的大小时，该页面可以扩展：http://pastehtml.com/view/1eg346q.html
现在开始工作，它浮在左边，当行中有另一个盒子的空间时，图片会四处移动。
问题是，当您尝试扩大浏览器窗口的尺寸时，它会占用大量空白，直到最终没有空间容纳一个新框为止，例如：http://imageshack.us/photo/my-images/220/scal1.jpg/
调整大小时，是否有任何方法可以在两个站点中散布白色空间，所以有点像是向左50％，向右50％？也许像这样：http://imageshack.us/photo/my-images/641/scal2.jpg/
我能想到的唯一方法是将框居中，但我不希望它们始终居中-仅在调整大小时...
如果无法执行此操作，那么您是否有像我现在所做的那样更好的缩放建议，同时又有关于如何摆脱白色间距的建议？
最佳答案
最简单的方法是将框类float更改为display: inline-block，然后将所有元素包装在容器中，设置text-align: center;和margin: 0 auto;
小提琴：http://jsfiddle.net/4UDxE/