html - 本文テキストをインデントしますが、引用符と画像はインデントしません

Question

ブロック引用符や画像をインデントせずに、ドキュメントの本文のすべてのテキストをインデントしたいと考えています。私が追加した場合、style.cssで：

body {
    text-indent: 2em;
}

テキストはインデントされていますが、引用符と画像もインデントされています。

Answer 1

text-indent: 0インデントしたくない要素に設定します。そんな。

画像の場合は、それらを に設定するかdisplay: block、text-indent: 0.

Answer 2

このtext-indentプロパティはブロック コンテナーにのみ適用されるため、イメージには影響しません。ただし、画像を含むブロックは影響を受け、これは画像の位置に影響を与える可能性があります。

text-indent最初の行をインデントしたいブロックにのみ設定する必要があります。通常、これは のような意味ですp { text-indent: 1em; }。要素以外のブロックpにも影響を与えたい場合は、単純な の代わりに適切なセレクタ リストを記述しpます。