suchen

Heim  >  Artikel  >  Web-Frontend  >  So legen Sie die Linksausrichtung von Text in CSS fest

So legen Sie die Linksausrichtung von Text in CSS fest

青灯夜游
青灯夜游Original
2021-07-21 17:40:1018847Durchsuche

In CSS können Sie das text-align-Attribut verwenden, um die linke Ausrichtung von Text festzulegen. Sie müssen nur den Stil „text-align:left“ zur Beschriftung hinzufügen, an der sich der Text befindet. Das text-align-Attribut wird verwendet, um die horizontale Ausrichtung des Texts im Element anzugeben. Wenn der Wert links ist, kann der Text nach links angeordnet werden.

So legen Sie die Linksausrichtung von Text in CSS fest

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

In CSS können Sie die linke Ausrichtung von Text festlegen, indem Sie der Beschriftung, an der sich der Text befindet, den Stil „text-align:left“ hinzufügen. Das text-align-Attribut wird verwendet, um die horizontale Ausrichtung des Texts im Element anzugeben. Wenn der Wert links ist, kann der Text nach links angeordnet werden.

Mögliche Werte für das text-align-Attribut:

  • left Richtet den Text links aus. Standard: Wird vom Browser bestimmt.

  • rechts Ordne den Text rechts an.

  • Mitte Ordnen Sie den Text zentriert an.

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

Schauen wir uns das Codebeispiel genauer an: 

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			h1 {
				text-align: center
			}

			h2 {
				text-align: left
			}

			h3 {
				text-align: right
			}
		</style>
	</head>
	<body>
		<h1>这是居中对齐</h1>
		<h2>这是左对齐</h2>
		<h3>这是右对齐</h3>
	</body>
</html>

Rendering:

So legen Sie die Linksausrichtung von Text in CSS fest

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonSo legen Sie die Linksausrichtung von Text in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 css css3
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 wählen Sie das letzte Element in CSS nicht ausNächster Artikel：So wählen Sie das letzte Element in CSS nicht aus

In Verbindung stehende Artikel

Mehr sehen