jQuery animate - 列出顯示項目：inline-block

我試圖用jquery動畫製作列表項目的高度。但是在非動畫元素上會出現奇怪的「邊距」。如果我更改刪除顯示：內聯塊，並使用浮動：左一切工作正常。我怎麼能實現，但與顯示：內聯塊屬性不變。jQuery animate - 列出顯示項目：inline-block

這裏是jsbin：

2014-03-05 Sysrq147

請注意，標籤不是關鍵字。在標籤列表中填寫與您的問題中相同的單詞（顯示，內聯，塊）將無法對其進行分類。請務必閱讀選擇標籤時出現的說明！ – Charles

使用vertical-align: top;：

.lista li 
{ 
    vertical-align: top; 
}

inline-block元素是行內元素。所以，vertical-align will apply to this element。

此屬性的默認值爲baseline。因此，如果您拉伸其中一個元素的高度，則線條高度將拉伸到更高的高度，而其他更低的元素將放置在「線條底部」。

2014-03-05 21:33:09

回答