HTML段落の行間を設定する方法

# 段落の行間隔は次の方法で設定できます。 CSS プロパティ line-height を使用する HTML タグ
を使用する

タグの line-height 属性を使用する

##HTML 段落の行間隔を設定する方法

HTML で段落の行間隔を設定する方法は次のとおりです。

1. CSS プロパティ

CSS プロパティ

line-height

を使用して段落の行間隔を設定します。単位は px です。 em、 %、または 単位未満。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;code class=&quot;css&quot;&gt;p { line-height: 1.5em; }&lt;/code&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div>

2. HTML タグを使用します

HTML タグ

を使用して新しい行を作成し、段落の行間隔を広げます。 <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">&lt;code class=&quot;html&quot;&gt;&lt;p&gt; 第一行&lt;br&gt; 第二行&lt;br&gt; 第三行 &lt;/p&gt;&lt;/code&gt;</pre><div class="contentsignin">ログイン後にコピー</div></div>

3. 行間隔属性を使用します

タグで、line-height## を使用します。 # 属性を使用して段落の行間隔を直接設定します。単位は px、em、%、または unitless です。

<code class="html"><p line-height="1.5em">
  段落内容
</p></code>

ブラウザごとにレンダリングの行間隔が異なる場合があることに注意してください。ブラウザ間で一貫したレンダリングが必要な場合は、CSS プロパティ line-height を使用することをお勧めします。

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