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

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

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

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

因?yàn)長i是塊級(jí)元素，所以默認(rèn)情況下它占用一行。為了實(shí)現(xiàn)水平排列，我們通常采用以下兩種方法：浮動(dòng)：左

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

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

*顯示：內(nèi)聯(lián)

* 縮放：1

html中怎樣讓多個(gè)li標(biāo)簽橫排顯示？

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

2. 使用sublime編輯器打開HTML文件，以改進(jìn)HTML5標(biāo)準(zhǔn)代碼，如下圖所示。

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

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

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

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