1、開啟vscode,建立一個H5規範的頁面,用於演示html行間距的設定方式。如果沒有vscode,使用文字檔案也是一樣的效果,只不過檔名需要以.html結尾。
2、在頁面中新增一個div,設定寬度為300,目的是為了讓div中的文字換行,從而設定行高。
3、在瀏覽器中開啟頁面,可以看到預設的文字間距。如圖所示:
4、如果想要將行間距增大,那麼可以在div標籤中的style屬性中新增line-height屬性值。
5、在瀏覽器中開啟頁面,此時就可以看到文字間距變大了。
6、在瀏覽器中按F12,進入開發者模式,可以看到行間距的line-height值,這個時候可以修改這個值,以達到想要的高度。
注意事項:
(1)如果是要批次設定,建議使用css樣式,可以是對標籤,也可以是對類選擇器設定樣式。
(2)html中的文字間距有line-height屬性可以設定,如果是個別的內容可以直接在html標籤中書寫樣式。
1、開啟vscode,建立一個H5規範的頁面,用於演示html行間距的設定方式。如果沒有vscode,使用文字檔案也是一樣的效果,只不過檔名需要以.html結尾。
2、在頁面中新增一個div,設定寬度為300,目的是為了讓div中的文字換行,從而設定行高。
3、在瀏覽器中開啟頁面,可以看到預設的文字間距。如圖所示:
4、如果想要將行間距增大,那麼可以在div標籤中的style屬性中新增line-height屬性值。
5、在瀏覽器中開啟頁面,此時就可以看到文字間距變大了。
6、在瀏覽器中按F12,進入開發者模式,可以看到行間距的line-height值,這個時候可以修改這個值,以達到想要的高度。
注意事項:
(1)如果是要批次設定,建議使用css樣式,可以是對標籤,也可以是對類選擇器設定樣式。
(2)html中的文字間距有line-height屬性可以設定,如果是個別的內容可以直接在html標籤中書寫樣式。