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

云罗郡主
リリース: 2018-11-23 13:44:16
オリジナル
36461 人が閲覧しました

html段落間隔を設定するにはどうすればよいですか? HTML で段落間隔を設定する方法 多くの人が Web ページの作成を学習しているとき、HTML で段落間隔を設定する方法をまとめてみましょう。

v 8.png

HTMLでは記事の段落はPタグを使って区切るのが一般的ですが、pタグを使うと上の段落と下の段落の間に少し距離ができてしまいます。段落間の距離は? 通常、段落間の距離は CSS によって設定します。

1. 行の高さ属性: line-height

行の高さ属性は、通常、値が大きいほど、段落間の距離を設定できます。段落間の間隔が大きくなると、当然単語間の間隔も大きくなりますが、通常は line-height 属性を使用して設定しません。

コードは次のとおりです:

p{line-height:30PX}

2 内側の余白を埋めます。 html 段落 パディングを使用して段落間の距離を設定したり、上部と下部をパディングして段落間の距離を実現したりすることもできます。コードは次のとおりです。

P{dading:30px 0}

3. 外部マージンの設定

マージンについては誰もが知っており、そうする必要があります。実際、上下左右のマージンとオブジェクト間の距離を設定すれば、上の段落と下の段落の間の距離を実現できます。構文は次のとおりです。

p{margin:30px 0}

記事の段落では、通常、段落間の距離を実現するために、マーリングとダディングを使用します。段落間の距離を簡単に実現する方法。

上記は、HTML 段落間隔を設定する方法の完全な紹介です。

CSS3 チュートリアル

について詳しく知りたい場合は、php 中国語 Web サイトに注目してください。


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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート