解決 li 浮動後仍無法排列在一行的問題

問題：在做橫向動畫輪播圖時，給 li 設置了 float:left; 但發現 ul 裏的 li 還是會豎直排列，效果如下： 原因：ul 的寬度不夠或未設置寬度 解決辦法： li 浮動，則給 ul 設置足夠大的width： li 不浮動，通過設置ul 和li 的display + ul 的 white-space:nowarp; 讓 ul 的內容不換行

>>阅读原文<<