ホームページ > 記事 > ウェブフロントエンド > HTML段落の行間を設定する方法
# 段落の行間隔は次の方法で設定できます。 CSS プロパティ line-height を使用する HTML タグ##HTML 段落の行間隔を設定する方法
を使用するタグの line-height 属性を使用する
HTML で段落の行間隔を設定する方法は次のとおりです。
1. CSS プロパティCSS プロパティ
line-height を使用して段落の行間隔を設定します。単位は px
です。 em
、 %
、または 単位未満
。 <pre class="brush:php;toolbar:false"><code class="css">p {
line-height: 1.5em;
}</code></pre>
HTML タグ
を使用して新しい行を作成し、段落の行間隔を広げます。 <pre class="brush:php;toolbar:false"><code class="html"><p>
第一行<br>
第二行<br>
第三行
</p></code></pre>
タグで、line-height## を使用します。 # 属性を使用して段落の行間隔を直接設定します。単位は
px、
em、
%、または
unitless です。
<code class="html"><p line-height="1.5em"> 段落内容 </p></code>
ブラウザごとにレンダリングの行間隔が異なる場合があることに注意してください。ブラウザ間で一貫したレンダリングが必要な場合は、CSS プロパティ
line-height を使用することをお勧めします。
以上がHTML段落の行間を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。