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

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

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

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

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

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

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