Heim >Web-Frontend >CSS-Tutorial >So legen Sie den Absatzeinzug in CSS fest

So legen Sie den Absatzeinzug in CSS fest

王林
王林Original
2020-11-17 10:02:413910Durchsuche

So legen Sie den Absatzeinzug in CSS fest: Sie können ihn mit dem Attribut text-indent festlegen, z. B. [text-indent:36px;]. Das text-indent-Attribut wird verwendet, um die Einrückung der ersten Textzeile in einem Textblock anzugeben.

So legen Sie den Absatzeinzug in CSS fest

Verwandte Attribute:

text-indent-Attribut gibt den Einzug der ersten Textzeile im Textblock an.

Hinweis: Negative Werte sind zulässig. Wenn der Wert negativ ist, wird die erste Zeile nach links eingerückt.

(Teilen von Lernvideos: CSS-Video-Tutorial)

Attributwert:

  • Länge Definieren Sie einen festen Einzug. Standardwert: 0.

  • % Definiert den Einzug basierend auf einem Prozentsatz der Breite des übergeordneten Elements.

  • inherit gibt an, dass der Wert des text-indent-Attributs vom übergeordneten Element geerbt werden soll.

Beispiel:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>css首行缩进的代码使用示例</title>
    <style>
        p {text-indent:36px;}
     </style>
</head>
<body>
<p>
    这里是关于css文本缩进的一段文字。
    这里是关于css文字缩进的一段文字。
    这里是关于css首行缩进的一段文字。
    这里是关于css文本缩进的一段文字。
    这里是关于css文字缩进的一段文字。
    这里是关于css首行缩进的一段文字。
    这里是关于css文本缩进的一段文字。
    这里是关于css文字缩进的一段文字。
    这里是关于css首行缩进的一段文字。

</p>
</body>
</html>

Der Effekt ist wie im Bild gezeigt:

So legen Sie den Absatzeinzug in CSS fest

Verwandte Empfehlungen: CSS-Tutorial

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel:Was bedeutet Anzeige in CSS?Nächster Artikel:Was bedeutet Anzeige in CSS?