Heim > Web-Frontend > HTML-Tutorial > So legen Sie die Ausrichtung der Textmitte in HTML fest

So legen Sie die Ausrichtung der Textmitte in HTML fest

王林
Freigeben: 2023-01-06 11:18:00
Original
69933 Leute haben es durchsucht

Die Möglichkeit, die zentrierte Ausrichtung von Text in HTML festzulegen, besteht darin, das text-align-Attribut zum Absatztext hinzuzufügen und den Attributwert auf zentriert festzulegen, z. B. [h1 {text-align:center}]. Das text-align-Attribut gibt die horizontale Ausrichtung des Texts des Elements an.

So legen Sie die Ausrichtung der Textmitte in HTML fest

Die Betriebsumgebung dieses Artikels: Windows 10-System, HTML 5, Thinkpad T480-Computer.

Um den Text zentriert auszurichten, verwenden Sie einfach das text-align-Attribut. Vielleicht wissen einige Freunde, die neu in der Programmierung sind, nicht viel über das Text-Algin-Attribut und verstehen seine Verwendung nicht. Lassen Sie mich Ihnen dieses Attribut kurz vorstellen. Das Attribut

text-align gibt die horizontale Ausrichtung des Texts des Elements an.

Häufig verwendete Attributwerte sind wie folgt:

  • left Ordnet den Text links an. Standard: Wird vom Browser bestimmt.

  • rechts Ordne den Text rechts an.

  • Mitte Ordnen Sie den Text in der Mitte an.

  • justify erreicht den Effekt, dass Text an beiden Enden ausgerichtet wird.

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

Code-Demonstration:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<style>
h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}
</style>
</head>

<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
</body>
</html>
Nach dem Login kopieren

Die laufenden Ergebnisse sind wie folgt:

So legen Sie die Ausrichtung der Textmitte in HTML fest

Zugehörige Videofreigabe: HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie die Ausrichtung der Textmitte in HTML fest. 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