我有一个简单的页面，如以下链接所示，当您调整浏览器窗口大小时，该页面是可缩放的: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 然后将所有元素包装在一个容器中，设置一个 文本对齐:居中； 和 边距:0 auto;
fiddle : http://jsfiddle.net/4UDxE/
关于jquery - 可扩展站点 - 50% 左 50% 右，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5950669/