html中怎樣讓多個li標(biāo)簽橫排顯示？1. 創(chuàng)建新的TXT文檔并將其修改為“演示.html“HTML文件，如下圖所示。2. 使用sublime編輯器打開HTML文件，以改進(jìn)HTML5標(biāo)準(zhǔn)代碼，如下圖所

html中怎樣讓多個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是塊級元素），如下圖所示。

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

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