HTMLで段落を2つのスペースで空にする方法

下次还敢
リリース: 2024-04-21 11:57:12
オリジナル
352 人が閲覧しました

HTML で段落をインデントするには 3 つの方法があります。CSS の text-indent プロパティを使用する方法、HTML インデント要素 (つまり、

または ) を使用する方法、または場合によっては indent 属性を使用する方法 (ただし、後者はすべてのブラウザでサポートされているわけではありません)。

HTMLで段落を2つのスペースで空にする方法

#HTML の段落に 2 つのインデントを追加する方法

方法 1: テキスト インデントを使用する インデントattribute

CSS では、

text-indent 属性を使用して段落にインデントを追加できます。

<code class="html"><style>
p {
  text-indent: 2em;  /* 设置缩进为 2 个 em */
}
</style>

<p>段落内容</p></code>
ログイン後にコピー

方法 2: HTML インデントを使用する要素

または 要素を使用して、インデントされた段落を作成できます:

<code class="html"><blockquote cite="出处">
  <p>段落内容</p>
</blockquote>
</code>
ログイン後にコピー
または:

<code class="html"><indent>
  <p>段落内容</p>
</indent></code>
ログイン後にコピー

方法 3: HTML インデント属性を使用する

場合によっては、

indent 属性を使用して段落を直接インデントできます。

<code class="html"><p indent="2">段落内容</p></code>
ログイン後にコピー
ただし、この属性はすべてのブラウザでサポートされているわけではありません。

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

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