-1
我正在嘗試實現div對齊方案。我對CSS相對來說比較新，但最近我一直在深入挖掘它，並且調整元素有時會令人生氣，以便稍微說明問題。如何實現流體寬度，畫廊風格的等距divs？
我有一個div容器填充頁面。在這個容器中，有一組固定寬度/高度的div（其中很多）。它本質上是一個圖像庫，但圖像是div的背景圖像，所以如果需要的話，我可以覆蓋其他一些內容。 div是內聯塊，所以它們從左到右填充父容器，直到div不能適應剩下的可用空間。然後他們繼續下一個「行」，依此類推。問題是這會導致（或可能導致）每行末尾的空白空間。
我想每行的div等距，但每行div的數量應該是而不是是固定的。我希望連續的div數適應不同的屏幕分辨率（或屏幕大小調整），但保持相等的距離。最後一行也可能是一個問題，因爲如果div不填充它，那麼我希望每個人都垂直對齊上面的一個，而不是延伸來填充行。
下面是它現在的樣子的一個例子。您可以在我想避免的第一行末尾看到差距。
我可以使用最新版本的jQuery和jQuery UI的。對於它的價值，IE < 9不是我關心的問題。
我知道水平間隔div是一個常見的問題，但是我發現任何教程和技巧都需要您知道應該在行中應該有多少個div，並且divs不會破壞新的行。
任何幫助表示讚賞。
檢查了這一點：http://codepen.io/patrickkunka/pen/GECBF –
@ShanRobertson看起來很大，非常感謝！ – RTF
它沒有得到廣泛的支持，但是......但你也可以看看柔性盒佈局...... http://css-tricks.com/snippets/css/a-guide-to-flexbox/ – Steve