Heim  >  Artikel  >  Web-Frontend  >  Verwenden Sie CSS, um den Text innerhalb des Div nach rechts zu verschieben

Verwenden Sie CSS, um den Text innerhalb des Div nach rechts zu verschieben

青灯夜游
青灯夜游Original
2021-02-22 15:58:4011321Durchsuche

In CSS können Sie den Stil „text-align: right;“ zum div-Element hinzufügen, um den Text innerhalb des div nach rechts zu verschieben. Das text-align-Attribut kann die horizontale Ausrichtung des Texts im Element festlegen. Wenn der Attributwert auf „right“ gesetzt ist, kann der Text rechts angeordnet werden.

Verwenden Sie CSS, um den Text innerhalb des Div nach rechts zu verschieben

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

css implementiert den Text im Div rechts davon

//文字右边对齐
div{text-align: right;}

Das text-align-Attribut 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.

【Empfohlenes Tutorial: CSS-Video-Tutorial

Beispiel:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			div{
				width: 500px;
				padding: 10px;
				background: palegoldenrod;
			}
			.box{
				text-align: right;
			}
		</style>
	</head>

	<body>
		<div>div中的测试文本--默认</div>
		<div class="box">div中的测试文本--右边对齐</div>
	</body>

</html>

Rendering:

Verwenden Sie CSS, um den Text innerhalb des Div nach rechts zu verschieben

Weitere Programmierkenntnisse finden Sie unter: Programmiervideo! !

Das obige ist der detaillierte Inhalt vonVerwenden Sie CSS, um den Text innerhalb des Div nach rechts zu verschieben. 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