2013-12-17 68 views
1

包裝的DIV我想我的網頁看起來像這樣:與inline-block的

http://jsfiddle.net/yuA5Q/3/embedded/result

不過,我採取jQuery的用戶界面,利用可拖動(和排序)功能。所以如果我不製作.bubblescontainerdisplay: inline-block,我會拖動一些可怕的效果。然而,有了它,我得到這個:

http://jsfiddle.net/yuA5Q/4/embedded/result

那麼,有沒有一種方法來保持inline-block的同時,根據需要包裝的泡沫呢?


更新了jsfiddle.net鏈接。我錯過了最後的});在代碼中,所以它沒有運行。

+1

如果你的小提琴設置了可拖動的工作會有幫助。 – isherwood

+0

爲什麼塊需要內聯才能被拖動?需要更多的上下文... – philwills

+0

內聯塊導致包含div的增長,看起來。使用第二個鏈接並拖動左列中的底部氣泡。 –

回答

1

我通過左移內部容器(.bubblecontainer)並清空左邊來實現此目的。

float : left; 
clear : left; 

http://jsfiddle.net/yuA5Q/5/