Heim > Web-Frontend > Front-End-Fragen und Antworten > So legen Sie den Einzug der ersten Zeile in CSS auf 2 Zeichen fest

So legen Sie den Einzug der ersten Zeile in CSS auf 2 Zeichen fest

藏色散人
Freigeben: 2023-01-05 16:10:45
Original
25488 Leute haben es durchsucht

So stellen Sie den Einzug der ersten Zeile in CSS auf 2 Zeichen ein: 1. Stellen Sie den Einzug der ersten Zeile durch „h2{text-indent:24px;}“ auf 2 Zeichen ein. 2. Durch „h2{padding- left:24px;}" Die Methode setzt den Einzug der ersten Zeile auf 2 Zeichen.

So legen Sie den Einzug der ersten Zeile in CSS auf 2 Zeichen fest

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Ein Beispiel für die Einrückung der ersten Zeile ist wie folgt (je nach Größe der Schriftart auf Ihrer Seite, wenn die Schriftart auf der Seite beispielsweise 12 Pixel beträgt, beträgt die Einrückung um 2 Zeichen 24 Pixel):

Methode 1 : h2{text-indent:24px;}

Methode 2: h2{padding-left:24px;}

Es wird empfohlen, das standardmäßige Einrückungsattribut für die erste Zeile text-indent,

text-indent attribute: zu verwenden

text-indent-Attribut gibt die erste Textzeile in der Textblockeinrückung an.

Hinweis: Negative Werte sind zulässig. Wenn ein negativer Wert verwendet wird, wird die erste Zeile nach links eingerückt.

Attributwert:

Länge definiert feste Einrückung. 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.

【Empfohlenes Lernen: CSS-Video-Tutorial

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

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage