1行高屬性lineheight lineheight屬性可以對設(shè)置段落之間的距離，一般數(shù)值越大，段落之間的間距就越大，當(dāng)然字和字的距離也是變大，很多時候，我們一般不會使用lineheight屬性來設(shè)置代碼如下plineheight30PX 2內(nèi)邊距進行補白 html段間距也可以使用padding對段落之間的距離進行設(shè)置，對上下。

推薦課程CSS教程行間距行間距指的是處于呈現(xiàn)的HTML頁面文本行之間的垂直高度這個間距值被瀏覽器或渲染引擎設(shè)置為適當(dāng)?shù)闹担酥低ǔＨQ于呈現(xiàn)頁面的字體以及其他因素修改默認(rèn)值在大多數(shù)現(xiàn)代瀏覽器中行間距通常設(shè)置為像素大小或字體大小的110％或120％這在幾乎所有情況下都很有效，使文本清晰易。

1打開vscode，創(chuàng)建一個H5規(guī)范的頁面，用于演示html行間距的設(shè)置方式如果沒有vscode，使用文本文件也是一樣的效果，只不過文件名需要以html結(jié)尾 2在頁面中添加一個div，設(shè)置寬度為300，目的是為了讓div中的文字換行，從而設(shè)置行高 3在瀏覽器中打開頁面，可以看到默認(rèn)的文字間距 4如果想要將行間。

4在testhtml文件內(nèi)，在css標(biāo)簽內(nèi)，以“類名”的形式來設(shè)置p標(biāo)簽的樣式5在css標(biāo)簽內(nèi)，使用letterspacing屬性設(shè)置文字的間距，間距值的單位可以是px，rem，cm等css單位例如，這時設(shè)置文字間隔為20px6最后在瀏覽器打開testhtml文件，查看實現(xiàn)的效果，如下圖所示就完成了。

第一步新建一個HTML文件，在正方中輸入“字符間距代碼”如下圖第二步在空白處點擊右鍵，選擇CSS樣式，再選擇新建 如下圖第三步在出現(xiàn)的新建CSS規(guī)則對話框中，在“選擇器名稱”下面輸入SCC文件名稱，然后點擊確定按鈕如下圖第四步在彈出的CSS規(guī)則對話框中選擇區(qū)塊，再選擇其中的。

步驟八打開hbuilder開發(fā)工具，新建一個html文件，在這個html頁面，需要創(chuàng)建兩個ltdiv，同時設(shè)置一些文字，第一個div作為對照組，第二個div需要添加class類名為big，方便后面設(shè)置行高步驟二在lthead標(biāo)簽里創(chuàng)建一個ltstyle標(biāo)簽，然后設(shè)置使big類的lineheight屬性，該屬性就是用來設(shè)置行間距的步驟。

1首先打開vscode，隨便創(chuàng)建一個H5頁面，準(zhǔn)備用于之后的演示 2在頁面中添加一個div，然后設(shè)置寬度為300 3從瀏覽器打開這個頁面，可以看到現(xiàn)在的行間距，如圖所示 4如果想要將行間距增大，那么可以在div標(biāo)簽中的style屬性中添加lineheight屬性值 5在瀏覽器中打開頁面，此時就可以看到文字行間距變。

擴展 html如何設(shè)置行間距 方法一讓整個網(wǎng)站的行距變化，將下面的代碼添加到head的中間這樣是整個頁面行距增加了原來的2倍你也可以設(shè)置lineline等等方法方法二只是讓部分網(wǎng)站頁面的內(nèi)容行距增加用table布局就用這個，變化lineheight的數(shù)值用div布局就用這個，變化lineheight的數(shù)值方法三。

需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的第二個ltp標(biāo)簽中，輸入樣式代碼style=quotmargintop 30pxquot3瀏覽器運行indexhtml頁面，此時文本段落的行間距被設(shè)置為了30px。

normal 默認(rèn)間距l(xiāng)etterspacing 默認(rèn)值為 0，wordspacing 默認(rèn)值為 025eminitial 設(shè)置為默認(rèn)間距inherit 繼承當(dāng)前元素父元素的屬性值或自定義值以 px， pt， cm， em 等為單位的值，可為負(fù)值例子如下lt！DOCTYPE htmllthtmllthead lttitleExamplelttitle ltmeta charset。

html如何設(shè)置行間距html如何設(shè)置行間距在html中，很多人都知道如何調(diào)整網(wǎng)站的行距，因為默認(rèn)的行距給人的視覺非常緊湊，很難閱讀更多的文章那么，html是如何設(shè)置行間距的呢下面我給大家介紹一下希望對你有幫助在html中設(shè)置行距有幾種方法首先，讓整個網(wǎng)站的行距發(fā)生變化，在head中間添加以下。

HTML 行間距的設(shè)置方法與問題我們可以用p style=quotlineheight100%quot 來設(shè)定一段文字內(nèi)的行距但我們怎么設(shè)定兩段文字之間的行距呢？ 即1p 一段文字 p2p 第二段文字 p之間的行距怎么設(shè)定呢？我可以設(shè)成單倍間距嗎？另外，lineheight100%是不是就是我們在Word中的單倍行距??？段與段距1p。

在testhtml文件內(nèi)，使用margin屬性設(shè)置兩張圖片之間的距離例如，設(shè)置1jpg圖片距離3jpg圖片30px，可以使用marginright屬性進行設(shè)置圖片是指由圖形圖像等構(gòu)成的平面媒體圖片的格式很多，但總體上可以分為點陣圖和矢量圖兩大類，我們常用BMPJPG等格式都是點陣圖形，而SWFCDRAI等格式的圖形。

段落基本上是用ltpltp標(biāo)簽，你可以在css樣式表中設(shè)置兩個ltp標(biāo)簽的段前后間距舉個例子ltp class=quotfirstquot這是第一個段落，我希望我段前有30px的間隔，段后有20px的間隔ltpltp class=quotsecondquot這是第二個段落，因為第一段段后有20px，所以我希望段前有10px的間隔，段后有30px的間隔。

代碼如下ltdiv class=quotf0quot ltimg src=quotimages1pngquot ltimg src=quotimages2pngquot ltimg src=quotimages3pngquot ltdiv 這個是瀏覽器的一個設(shè)計問題img本來是行內(nèi)元素，卻可以用width 和height，當(dāng)父元素沒有設(shè)置高度的時候，用子元素們的高度計算出的高度給父元素的時候就會出現(xiàn)3px。