ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLで上下の間隔を調整する方法

HTMLで上下の間隔を調整する方法

coldplay.xixi
coldplay.xixiオリジナル
2021-03-15 17:11:2825351ブラウズ

HTML の上下の間隔を調整する方法: まず vscode を開いて div を追加し、次に [line-height] 属性値を div タグの style 属性に追加し、この値を変更して、希望の高さ。

HTMLで上下の間隔を調整する方法

#このチュートリアルの動作環境: Windows7 システム、html5&&vscodev1.53.2.0 バージョン、DELL G3 コンピューター。

HTML の上下の間隔を調整する方法:

1. vscode を開いて H5 標準ページを作成し、HTML の行間隔を設定する方法を示します。 vscode がない場合は、ファイル名が .html

HTMLで上下の間隔を調整する方法

2 で終わる必要があることを除いて、テキスト ファイルを使用しても同じ効果があります。ページに div を追加します。目的は、テキストを div で折り返し、行の高さを

HTMLで上下の間隔を調整する方法

3 に設定することです。ブラウザでページを開くと、図

HTMLで上下の間隔を調整する方法

4 に示すように、デフォルトのテキスト間隔です。行間隔を広げたい場合は、line-height 属性値を style 属性に追加できます。 div タグ

HTMLで上下の間隔を調整する方法

5. ブラウザでページを開くと、テキストの間隔が広くなっていることがわかります

HTMLで上下の間隔を調整する方法

6. ブラウザで F12 を押して開発者モードに入ると、行間隔の行の高さの値が表示されます。この時点で、この値を変更して目的の高さを実現できます

HTMLで上下の間隔を調整する方法

#関連学習の推奨:

html ビデオ チュートリアル

以上がHTMLで上下の間隔を調整する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。