ホームページ > 記事 > ウェブフロントエンド > CSSで空行を設定する方法
margin-top
プロパティと line-height
プロパティを使用できます。
<p>詳細説明:
<p>1. margin-top
<p>margin-top
属性を使用します。要素の上マージンを設定します。上部マージンを増やすと、要素の上に空白が作成されます。構文は次のとおりです。
<code class="css">element { margin-top: value; }</code><p>このうち、
value
値には、ピクセル (px)、パーセンテージ (%)、またはその他の単位を指定できます。
<p>2. line-height
<p>line-height
属性を使用して、要素内の行間の垂直方向のスペースを指定します。 line-height
の値を増やすと、行間に空白を作成できます。構文は次のとおりです。
<code class="css">element { line-height: value; }</code><p> このうち、
value
value には倍数 (em) またはその他の単位を指定できます。
<p>例:
<p>次の CSS コードは、<p>
の上マージンを 20 ピクセル、ラップ高さを 1.5 倍に設定します。要素:
<code class="css">p { margin-top: 20px; line-height: 1.5; }</code><p>注:
margin-top
と line-height
を同時に使用してください空行の高さをより正確に制御します。 margin-top
の代わりに padding-top
属性を使用します。 以上がCSSで空行を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。