怎么使ul中li元素橫向排列且不換行？

因為li是塊級元素，默認占一行的，要想實現橫向排列，一般通過以下兩個方法：

float:left這樣設置有一個問題，li浮動以后則脫離了文本流，即不占位置，如果它的父級元素有具體的樣式且沒有固定寬高，建議父元素清除浮動，或者設置固定寬高display:inline-block即把li變為行內元素且可以設置寬高以及邊距，這樣也有一個問題，低版本的Ie瀏覽器不兼容inline-block，建議在其后再加兩個屬性兼容低版本ie*display:inline;*zoom:1;