我正在尝试实现 div 对齐方案。我对 css 比较陌生，但我最近一直在深入研究它，而且对齐元素有时会让人生气，委婉地说。
我有一个 div 容器填充页面。在这个容器中，有一组固定宽度/高度的 div（其中很多）。它本质上是一个图片库，但图片是 div 的背景图片，所以如果需要，我可以叠加一些其他内容。div 是内联块的，因此它们从左到右填充父容器，直到 div 无法放入剩余的可用空间。然后他们继续下一个“行”，依此类推。问题是这会导致（或可能导致）每行末尾出现一大块空白空间。
我希望每行中的 div 间隔相等，但每行中的 div 数量不应该是固定的。我希望连续 div 的数量以适应不同的屏幕分辨率（或屏幕大小调整），但保持等间距。最后一行也可能是一个问题，因为如果 div 没有填充它，那么我希望每个 div 都与上面的那个垂直对齐，而不是拉伸以填充该行。
这是它现在的样子的一个例子。您可以看到我想避免的第一行末尾的间隙。
我可以使用最新版本的 jQuery 和 jQuery UI。对于它的价值，IE <9 对我来说不是问题。
我知道水平间隔的 div 是一个很常见的问题，但是我发现的任何教程和技巧都要求您知道一行中应该有多少个 div，并且 div 不会中断到新行。
任何帮助表示赞赏。