html行間距怎么設(shè)置？

1、打開vscode，創(chuàng)建一個(gè)H5規(guī)范的頁面，用于演示html行間距的設(shè)置方式。如果沒有vscode，使用文本文件也是一樣的效果，只不過文件名需要以.html結(jié)尾。

2、在頁面中添加一個(gè)div，設(shè)置寬度為300，目的是為了讓div中的文字換行，從而設(shè)置行高。

3、在瀏覽器中打開頁面，可以看到默認(rèn)的文字間距。如圖所示：

4、如果想要將行間距增大，那么可以在div標(biāo)簽中的style屬性中添加line-height屬性值。

5、在瀏覽器中打開頁面，此時(shí)就可以看到文字間距變大了。

6、在瀏覽器中按F12，進(jìn)入開發(fā)者模式，可以看到行間距的line-height值，這個(gè)時(shí)候可以修改這個(gè)值，以達(dá)到想要的高度。

注意事項(xiàng)：

（1）如果是要批量設(shè)置，建議使用css樣式，可以是對(duì)標(biāo)簽，也可以是對(duì)類選擇器設(shè)置樣式。

（2）html中的文字間距有l(wèi)ine-height屬性可以設(shè)置，如果是個(gè)別的內(nèi)容可以直接在html標(biāo)簽中書寫樣式。