怎么讓ul里面的li顯示成一行 CSS怎么把li內(nèi)容顯示在一行?
CSS怎么把li內(nèi)容顯示在一行?1、輸入{顯示:blockfloat:左}ul{邊距:0px:0 pxfloat:左}這樣,可以在一行上顯示input和UL。但問題是以下內(nèi)容也將運行到一行,因此在ul
CSS怎么把li內(nèi)容顯示在一行?
1、輸入{顯示:blockfloat:左}ul{邊距:0px:0 pxfloat:左}這樣,可以在一行上顯示input和UL。但問題是以下內(nèi)容也將運行到一行,因此在ul之后添加div以清除浮點值。
2、輸入{顯示:blockfloat:左}ul{邊距:0px:0 pxfloat:左}分區(qū){清楚:兩者都有}
3. 當(dāng)然,您也可以并行使用兩個TDS,例如:<table><tr><td><inputtype=“text”size=“30”MaxLength=“100”value=“></TD><td><ulclass=“ErrorMessage”style=”顏色:紅色“><li><span> 2134</span></Li></UL></TD></TR></table>
1。創(chuàng)建新的TXT文檔并將其修改為“演示.html“HTML文件,如下圖所示。
2. 使用sublime編輯器打開HTML文件,以改進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)簽是水平顯示的。