意外的佈局與jQuery的用戶界面

Question

我想開發一個頁面使用jQuery的用戶界面。一切看起來都很好，除了在菜單>飲料部分下，最後一個定義列表顯得不合適。第一個單獨出現在中央，而最後一個單獨出現在左側。你可以查看它here。

Answer 1

看起來很好，因爲你把他們全部留下了。這就是我期望會發生的事情。如果你希望他們能夠下降到下一行，他們應該超過div的寬度，你DL CSS更改爲：

dl{ 
    display:inline-block; 
    vertical-align:top; 
    padding-right: 10px; 
} 

jsbin example