Heim > Artikel > Web-Frontend > So legen Sie die Ausrichtung der Textmitte in CSS fest
So legen Sie die zentrierte Ausrichtung von Text in CSS fest: Sie können das text-align-Attribut verwenden, z. B. [p{text-align:center;}]. Wir können den Text auch nach links oder rechts setzen, z. B. [text-align:left;] oder [text-align:right;].
Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.
Es gibt ein Textattribut text-align in CSS, mit dem wir die horizontale Ausrichtung des Texts des Elements angeben können, z. B. zentriert, links, rechts, ausgerichtet usw.
Attributwert:
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.
Was sollen wir beispielsweise tun, wenn wir den Text zentriert ausrichten möchten?
Spezifischer Implementierungscode:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
<style>
p{
width:500px;
border:2px solid red;
text-align:center;
}
</style>
</head>
<body>
<h2>文本居中对齐</h2>
<p>居中的文本</p>
</body>
</html>(Teilen von Lernvideos: CSS-Video-Tutorial)
Laufende Ergebnisse:
Verwandte Empfehlungen: CSS-Tutorial
Das obige ist der detaillierte Inhalt vonSo legen Sie die Ausrichtung der Textmitte in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!