1html沒有直接插入豎線的代碼，但可以用盒子模型實(shí)現(xiàn)豎線的效果具體的做法是首先需要打開hbuilder編輯器，新建一個html文件，寫入基本的html結(jié)構(gòu)2然后插入一個div標(biāo)簽，在上方的style標(biāo)簽里面設(shè)置div的css樣式，這里給。

ltstyle ltinput type=quottextquot 或 輸出一條橫線用lthr如果想讓它長點(diǎn)就改變它的樣式lthr style=quotwidth1000PXquot變長和粗lthr style=quotwidth1000PXheight20pxquot其中width 是寬長，height是高。

如果不想讓div換行，可以有兩種方法第一種 設(shè)置div為浮動元素，并設(shè)置相應(yīng)的寬度舉例div width200px floatleft第二種 設(shè)置div為內(nèi)聯(lián)元素，或內(nèi)聯(lián)塊級元素舉例div displayinline displayinline。

一問題可能涉及到了浮動和行內(nèi)元素兩個知識點(diǎn)，首先需要div布局，寫一個大的div作為父級盒子，里面有幾個行內(nèi)元素如下lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleDIV內(nèi)容橫向。

網(wǎng)頁中制作一條水平線的HTML代碼有以下的方法可以實(shí)現(xiàn)1使用html中的border屬性來設(shè)置一條水平線 ltdiv style=quotwidth500px border1px solid redquotltdivlt！復(fù)制到html文件中就會是一條紅色水平直線，線的顏色。

方法2使用css的border進(jìn)行畫線 lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitlefloatlttitleltheadltdiv id=quotdiv1quotltdivltstyle#div1width 500pxborderbottom 1px solid redltstyle。

近日在畫一個界面的時(shí)候，遇到一個需求在界面當(dāng)中畫一條豎線，且這條豎線在高度上需要自動占滿整個父div即這條豎線的高度和兩個div中較高的一個等高 往常我們畫一條橫線直接用標(biāo)簽lthr即可，當(dāng)畫一條豎線的時(shí)候。