2014-04-01 171 views
1

我不知道如何刪除垂直塊之間的空白空間。例如:enter image description here刪除垂直塊之間的空白空間

我希望所有塊位於彼此之下。每塊有display: inline-block。我嘗試了位置和展示,但都是徒勞的。

+0

代碼中CSS驅動工具????? – Era

+0

巧妙地使用高度寬度使用%,你可以很容易地實現它,給出圖像或視頻的文件路徑,以便它清晰。 –

+1

只有當你的內容是動態的時候,用CSS才能實現 - 這就是爲什麼像f.e.這樣的解決方案。 jQuery砌體被髮明。 – CBroe

回答

1

請首先給我的網址,您可以使用jQuery Masonry

你必須嵌入在你的網站,你可以使用CSS技術來解決這個問題

你可以看到在here

演示

請注意,您可以爲這些對象定義一個類並使用CSS代碼與它們進行交互,您可以爲它們定義特定的高度,請注意圖像未正確加載到您的網頁中,您必須修復它們第一個 如果你有任何其他問題,請感覺隨意問我。

祝你好運。

PS:還有一些其他的替代品存在jQuery的砌體,一個是Isotope,另一個被稱爲Salvattore

+0

謝謝,這個插件是我需要的。 –

+0

不客氣,我很高興你滿意。 – Hbirjand