html網(wǎng)頁制作 html中怎樣讓多個li標簽橫排顯示?
html中怎樣讓多個li標簽橫排顯示?1. 創(chuàng)建新的TXT文檔并將其修改為“演示.html“HTML文件,如下圖所示。2. 使用sublime編輯器打開HTML文件,以改進HTML5標準代碼,如下圖所
html中怎樣讓多個li標簽橫排顯示?
1. 創(chuàng)建新的TXT文檔并將其修改為“演示.html“HTML文件,如下圖所示。
2. 使用sublime編輯器打開HTML文件,以改進HTML5標準代碼,如下圖所示。
3. 在body標記中,編寫一組無序列表標記。代碼如下圖所示。
4. 用瀏覽器打開HTML頁面,可以看到默認情況下Li標簽是垂直顯示的(Li是塊級元素),如下圖所示。
5. 我們可以為UL標簽下的所有Li標簽設(shè)置樣式“display:inline block”,以水平顯示多個Li標簽。
6. 刷新界面后,會發(fā)現(xiàn)Li標簽是水平顯示的。