CSSでテキストインデントを使用する方法-CSSチュートリアル-php.cn

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

php中世界最好的语言

リリース： 2017-11-21 17:10:24

オリジナル

2951 人が閲覧しました

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

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

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