html上下間距怎麼調

html上下間距的調整方法：首先開啟vscode，新增div；然後在div標籤中的style屬性中新增【line-height】屬性值，修改這個值，以達到想要的高度。

本教學操作環境：windows7系統、html5&&vscodev1.53.2.0版，DELL G3電腦。

html上下間距的調整方法：

1、開啟vscode，建立一個H5規範的頁面，用於演示html行間距的設定方式。如果沒有vscode，使用文字檔案也是一樣的效果，只不過檔名需要以.html結尾

2、在頁面中新增一個div，設定寬度為300，目的是為了讓div中的文字換行，從而設定行高

3、在瀏覽器中開啟頁面，可以看到預設的文字間距，如圖所示

4、如果想要將行間距增大，那麼可以在div標籤中的style屬性中新增line-height屬性值

5、在瀏覽器中開啟頁面，此時就可以看到文字間距變大了

6、在瀏覽器中按F12，進入開發者模式，可以看到行間距的line-height值，這個時候可以修改這個值，以達到想要的高度

以上就是html上下間距怎麼調的詳細內容，更多請關注TW511.COM其它相關文章！