jquery ui可排序的兩個問題關於佈局

我有兩個重要的問題，我需要解決，我一直在嘗試幾個月..，可排序的問題，我創建了一個小提琴來複制問題： http://jsfiddle.net/tnLcg/134/jquery ui可排序的兩個問題關於佈局

將˚F分爲B，你會明白我的意思，

我不希望A，F，B，和C低於B，然後d和E

A F B 
    C 
D E

我想以下面的方式來看它。

A F B 
C D E

它實際上看起來可怕具有多於六個元素爲三根一字形的結構不能保持由於左浮子這是需要由可排序的排序元素。

另一個問題（不那麼重要）是如何垂直對齊這些向左浮動的div時浮動的div無法對齊 - 底部。

這裏是一個更新的小提琴涵蓋了這兩個問題，但增加了一個新的UL內額外的高度，如何使它沒有這個高度佔地空間的工作。

http://jsfiddle.net/tnLcg/136/

來源

2012-11-24 lbennet

我會離開它作爲註釋現在，因爲我不有很多時間，這是一個浮動和清晰的問題，你需要清除：如果我沒有弄錯，那麼就是第二行的第一個元素。 – Trufa

上行有多餘的高度，因爲.block類的貴麗的有min-height和300像素一個line-height，這比你的最高塊高。試試這些屬性設置爲200像素，這是塊E（最高）的高度：

.block { 
    border: 1px dashed green; 
    vertical-align: bottom; 
    margin: 5px 0 0 5px; 
    float: left; 
    padding: 5px; 
    display: block; 
    width:190px; 
    color:#ffffff; 
    margin-left:10px; 
    min-height:200px; /*Changed to 200px*/ 
    line-height:200px; /*Changed to 200px*/ 
    overflow-y:hidden; 
}

下面是修改後的小提琴：http://jsfiddle.net/ztu2z/

來源

2012-12-05 18:00:19

jquery ui可排序的兩個問題關於佈局

回答

相關問題