怎么使ul中l(wèi)i元素橫向排列且不換行？因為Li是塊級元素，所以默認情況下它占用一行。為了實現(xiàn)水平排列，我們通常采用以下兩種方法：浮子：左邊此設置有問題。Li浮動后，它與文本流分離，即不占位置。如果其父

怎么使ul中l(wèi)i元素橫向排列且不換行？

因為Li是塊級元素，所以默認情況下它占用一行。為了實現(xiàn)水平排列，我們通常采用以下兩種方法：浮子：左邊此設置有問題。Li浮動后，它與文本流分離，即不占位置。如果其父元素具有特定的樣式并且沒有固定的寬度和高度，則建議父元素清除浮動或設置固定的寬度和高度顯示：內聯(lián)塊將Li改為一個內嵌元素并設置寬度、高度和邊距也有問題。IE瀏覽器的較低版本與內聯(lián)塊不兼容，因此建議在其后面添加兩個屬性，以便與IE*的較低版本兼容顯示：內聯(lián)* 縮放：1

如何使ul中l(wèi)i元素橫向排列且不換行？

因為Li是塊級元素，所以默認情況下它占用一行。為了實現(xiàn)水平排列，我們通常采用以下兩種方法：浮動：左

此設置有一個功能，如果其父元素具有特定樣式且沒有固定的寬度和高度，建議清除父元素浮動或設置固定的寬度和高度顯示：內聯(lián)塊

即使李是換成一個內嵌元素，寬度、高度和邊距都可以設置，也有問題。IE瀏覽器的較低版本與內聯(lián)塊不兼容，建議在[IE

*顯示：內聯(lián)

* 縮放：1

html中怎樣讓多個li標簽橫排顯示？

1. 創(chuàng)建新的TXT文檔并將其修改為“演示.html“HTML文件，如下圖所示。

2. 使用sublime編輯器打開HTML文件，以改進HTML5標準代碼，如下圖所示。

3. 在body標記中，編寫一組無序列表標記。代碼如下圖所示。

4. 用瀏覽器打開HTML頁面，可以看到默認情況下Li標簽是垂直顯示的（Li是塊級元素），如下圖所示。

5. 我們可以為UL標簽下的所有Li標簽設置樣式“display:inline block”，以水平顯示多個Li標簽。

6. 刷新界面后，會發(fā)現(xiàn)Li標簽是水平顯示的。