So verwenden Sie Texteinzug in CSS

text-indent in CSS ist sehr einfach zu verwenden. Die Hauptsache ist, sich die Syntax und Struktur des text-indent anzusehen und einen kleinen Fall zu geben,

text-indent Einrückungssyntax und Struktur

.div{text-indent:25px}

Hier wird der Text am Anfang der ersten Zeile des Absatzes im divobject um 25 Pixel eingerückt.

css text-indent Texteinzugsstil Attribut Wort, Texteinzugswert und Zahl + Einheit bilden den Einrückungsstil. Normalerweise rückt die text-indent-Einzugseigenschaft den Text am Anfang der ersten Zeile des Absatzes ein. Wenn Sie das HTML-Zeilenumbruch-Tag br verwenden, gibt es ab dem zweiten Zeilenumbruch keinen Einrückungseffekt. Wenn das HTML-P-Absatz-Tag für den Absatzzeilenumbruch verwendet wird, wird jeder p-Absatzzeilenumbruch am Anfang eingerückt. Hier zeigen wir es Ihnen anhand eines Falls. Wir hoffen, den CSS-Texteinrückungsstil durch das DIV zu beherrschen Fall.

1. CSS-Code

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

Zusammenfassung des Texteinzugs in der ersten Zeile

Wir möchten den Anfang jedes Absatzes einrücken und können dies steuern Einrückungsabstand Ich verwende text-indent, um Wörter einzurücken. Wenn ich den Texteinzugsstil nicht zum Einrücken verwenden möchte, kann ich dies mit Leerzeichen erreichen, aber ich muss noch ein paar HTML-Leerzeichen eingeben, um einen Platzhaltereinzug für Leerzeichen zu erreichen über HTML Es werden mehrere Leerzeichen verwendet.

Es gibt so viele Möglichkeiten, text-indent zu verwenden. Bitte achten Sie auch weiterhin auf andere

Updates dieser Seite.

Verwandte Lektüre:

Was ist CSS?

Mehrere kleine Funktionen, die mit reinem CSS erstellt wurden. Beispiel

Warum DIV-CSS manchmal nicht geladen werden kann

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Texteinzug in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!