2012-07-29 84 views
-1

是否有可能具有相同寬度(100像素)和不同高度的HTML元素填充具有固定寬度(300px)的容器頂端的所有間隙?填充容器頂部間隙的浮動元素?

我到目前爲止得到了什麼。 fiddle

正如你所看到的,第4,5,6區塊並沒有填補上述空白。這有可能以某種方式沒有Javascript的需要?

回答

1

使用您正在使用的html佈局的純CSS不可行。有一個名爲Masonry的插件,這種佈局很受歡迎:http://masonry.desandro.com/

+0

如何使用不同的HTML佈局? – 2012-07-29 09:25:09

+0

@Apex您可以使用表格進行操作,但不應該使用表格來設計佈局 – 2012-07-29 09:28:36

+0

您可以簡單地將不同元素的列放入列中,但動態/編程實現並不那麼容易。如果它只是一個靜態佈局,那麼它可能正常工作。 – 2012-07-29 09:28:45