CSSでテキストインデントを使用する方法

CSS の

text-indent の使い方は非常に簡単です。主なことは、text-indent のインデント構文と構造を見て、小さな例を挙げて説明しましょう。

.div{text-indent:25px}

ここの div

オブジェクト

の段落の最初の行の先頭のテキストは 25 ピクセルだけインデントされています。

css text-indent テキストのインデント スタイル 属性

単語、text-indent 値、数値 + 単位がインデント スタイルを形成します。通常、text-indent インデント プロパティは、段落の最初の行の先頭でテキストをインデントします。 html br 改行タグを使用した場合、2 番目の改行から始まるインデント効果はありません。 HTML の P 段落タグが段落行の折り返しに使用される場合、各 p 段落の改行は先頭でインデントされます。ここでは、DIV を使用して CSS text-indent のインデント スタイルをマスターしたいと思います。場合。

1. CSS コード

.div{ text-indent:35px}
HTML代码片段
<div class="div"> 
<p>第一段开始缩进效果<br /> 
使用br标签的换行将不会缩进 
</p> 
<p>第二段使用p标签段落首行也会缩进<br /> 
第二行使用了br不会缩进<br /> 
第三行提行使用了br也不会缩进</p> 
</div>

最初の段落のテキストインデントの概要 text-indent

各段落の先頭をインデントしたいので、単語のインデントに text-indent を使用します。インデントに text-indent スタイルを使用したくない場合は、スペースを使用できますが、スペース文字のプレースホルダー インデントを実現するには、さらにいくつかの HTML スペース文字「 」を入力する必要があります。詳細については、こちらをご覧ください。 html

マルチスペース文字アプリケーションについて 。

テキストインデントを使用する方法はたくさんあります。必要な友達はそれを保存してください。このサイトの他の更新情報にも引き続き注目してください。

関連書籍:

CSS とは

純粋な CSS で作成された小さな関数のいくつかの例

DIV CSS の読み込みに失敗する場合があるのはなぜですか

以上がCSSでテキストインデントを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。