CSS の最初の行のインデントが効果がないのはなぜですか?

CSS の最初の行のインデントが効果がない理由と解決策: 1. この要素はブロックレベルの要素ではありません。解決策は、「display:inline-block;」を使用して、ラベルにいくつかのブロックレベル要素の属性を持たせる; 2. 効果は、より高い優先順位を持つスタイルによって上書きされる 解決策は、優先順位を変更することです。

このチュートリアルの動作環境: Windows 7 システム、css3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

推奨: 「css ビデオ チュートリアル 」

Web ページのレイアウトでは、最初の行のインデントは非常に一般的な効果です。これにより、段落がより標準化され、整然とした印象になります。最初の行のインデントが CSS で設定されている場合がありますが、効果がありません。理由は何ですか?

CSS の最初の行のインデントでは text-indent 属性が使用され、その値では数値、パーセント、継承を使用できます。

CSS の最初の行のインデントが無効な理由:

• 要素はブロックレベルの要素ではありません

• エフェクトの方が優先されます。スタイルがカバーされます。

解決策:

1. ラベルがブロック レベルの要素であるかどうかを確認します。そうでない場合は、display:inline-block; を使用してラベルに

2. ! important priority! important > id > class > tag

使用例:

p{
    text-indent: 2em;
}

2 つインデント 中国語の文字の幅 text-indent:2em;

(単位 em は相対的なテキスト サイズを意味し、1em は 1 つのテキストのサイズ、2em は 2 つのテキストのサイズを意味します)

以上がCSS の最初の行のインデントが効果がないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。