Heim > Web-Frontend > Front-End-Fragen und Antworten > So rücken Sie HTML ein

So rücken Sie HTML ein

藏色散人
Freigeben: 2023-01-06 11:12:46
Original
18642 Leute haben es durchsucht

So erzielen Sie den Einrückungseffekt in HTML: Erstellen Sie zunächst eine HTML-Beispieldatei. Geben Sie dann Textinhalte in den Textkörper ein. Geben Sie anschließend die Einrückung der ersten Textzeile im Textblock an.

So rücken Sie HTML ein

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

Wie wird HTML eingerückt?

Zunächst müssen wir das Attribut text-indent verstehen, das verwendet wird Um die erste Zeile einzurücken, ist die Einheit die Längeneinheit oder der Prozentsatz. Das Attribut

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

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

Hinweis: Vor CSS 2.1 erbte text-indent immer einen berechneten Wert und nicht einen deklarierten Wert.

Beispiel:

<html>
<head>
<style type="text/css">
p {text-indent: 1cm}
</style>
</head>

<body>
<p>
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
</p>
</body>

</html>
Nach dem Login kopieren

Effekt:

So rücken Sie HTML ein

Empfohlenes Lernen: „HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo rücken Sie HTML ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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