Wie schreibe ich Textzentrierungscode in HTML?-HTML-Tutorial-php.cn

Wie schreibe ich Textzentrierungscode in HTML?

青灯夜游

Freigeben： 2020-05-12 18:16:39

Original

47653 Leute haben es durchsucht

Wie schreibe ich Textzentrierungscode in HTML? Der folgende Artikel stellt es Ihnen vor. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Wie schreibe ich Textzentrierungscode in HTML?

Der Text wird horizontal zentriert

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>水平居中</title>
		<style>
			.box {
				width: 300px;
				height: 200px;
				background: palegoldenrod;
				text-align:center;
			}
		</style>
	</head>
	<body>
		<div class="box">水平居中了--文本文字</div>
	</body>

</html>

Nach dem Login kopieren

Rendering:

Wie schreibe ich Textzentrierungscode in HTML?

Anleitung: text-align

text-align ist ein grundlegendes Attribut, das beeinflusst, wie Textzeilen in einem Element aneinander ausgerichtet sind. Die Werte „left“, „right“ und „center“ bewirken, dass der Text im Element linksbündig, rechtsbündig bzw. zentriert ist. Wenn Sie den Text zentrieren möchten, verwenden Sie einfach „center“.

Dieses Attribut legt die Zentrierung einiger Inline-Objekte (oder ähnlicher Elemente) wie Text- und IMG-Tags fest.

Der Text ist vertikal zentriert

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>垂直居中</title>
		<style>
			.box {
				width: 300px;
				height: 300px;
				background: paleturquoise;
				line-height:300px;
			}
		</style>
	</head>
	<body>
		<div class="box">垂直居中了--文本文字</div>
	</body>
</html>

Nach dem Login kopieren

Rendering:

Wie schreibe ich Textzentrierungscode in HTML?

Das Attribut „line-height“ legt den Abstand zwischen fest Zeilen (Zeilenhöhe). Negative Werte sind nicht zulässig.

Dieses Attribut beeinflusst das Layout des Zeilenfelds. Wenn es auf ein Element auf Blockebene angewendet wird, definiert es den minimalen Abstand zwischen den Grundlinien in diesem Element und nicht den maximalen Abstand.

Empfohlenes Tutorial: HTML-Tutorial

Das obige ist der detaillierte Inhalt vonWie schreibe ich Textzentrierungscode in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!