Heim > Artikel > Web-Frontend > So erreichen Sie die richtige Ausrichtung in HTML

So erreichen Sie die richtige Ausrichtung in HTML

青灯夜游Original: 2021-09-13 15:50:2671464Durchsuche

So erreichen Sie die richtige Ausrichtung in HTML: 1. Verwenden Sie das align-Attribut des Tags, die Syntax „“ 2. Verwenden Sie das style-Attribut des Tags, um eine rechtsbündige Ausrichtung hinzuzufügen style, die Syntax „“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3- und HTML5-Version, Dell G3-Computer.

html realisiert die rechte Textausrichtung

Methode 1: Verwenden Sie das align-Attribut des label

align-Attributs, um die horizontale Ausrichtung des Inhalts im Element festzulegen. Der Wert wird auf rechts nach rechts festgelegt. den Inhalt ausrichten.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<div>测试文本，测试文本</div>
		<div align="right">测试文本，测试文本</div>
	</body>
</html>

Rendering:

So erreichen Sie die richtige Ausrichtung in HTML

Methode 2: Verwenden Sie das Stilattribut des Tags, um einen rechtsbündigen Stil hinzuzufügen.

Das Stilattribut gibt den Inline-Stil des Elements an.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<div>测试文本，测试文本</div>
		<div style="text-align:right;">测试文本，测试文本</div>
	</body>
</html>

Rendering:

So erreichen Sie die richtige Ausrichtung in HTML

Beschreibung: Das Attribut

text-align gibt die horizontale Ausrichtung des Textes im Element an.

Dieses Attribut legt die horizontale Ausrichtung von Text innerhalb von Elementen auf Blockebene fest, indem es den Punkt angibt, an dem das Linienfeld ausgerichtet wird. Der Wert justify wird dadurch unterstützt, dass Benutzeragenten den Abstand zwischen Buchstaben und Wörtern im Zeileninhalt anpassen können. Verschiedene Benutzeragenten können zu unterschiedlichen Ergebnissen führen.

Wert	Beschreibung
links	Text links anordnen. Standard: Wird vom Browser bestimmt.
rechts	Text rechts anordnen.
Mitte	Ordnen Sie den Text in der Mitte an.
justify	Erzielen Sie den Effekt, dass der Text an beiden Enden ausgerichtet wird.
inherit	gibt an, dass der Wert des text-align-Attributs vom übergeordneten Element geerbt werden soll.

Empfohlenes Tutorial: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSo erreichen Sie die richtige Ausrichtung in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 css3 html 继承

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：So implementieren Sie eine Liste in HTML5Nächster Artikel：So implementieren Sie eine Liste in HTML5

In Verbindung stehende Artikel

Mehr sehen