So zentrieren Sie Text in div in CSS-CSS-Tutorial-php.cn

So zentrieren Sie Text in div in CSS

藏色散人

Freigeben： 2022-12-30 11:13:50

Original

7384 Leute haben es durchsucht

So implementieren Sie Text, der in der Mitte eines Div angezeigt wird, in CSS: Erstellen Sie zunächst eine HTML-Beispieldatei. Fügen Sie dann den Div-Text im Textkörper hinzu befindet sich, um den chinesischen Text im div zu zentrieren.

So zentrieren Sie Text in div in CSS

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

Sie können den chinesischen Text im Div so einstellen, dass er zentriert wird, indem Sie dem Div, in dem sich der Text befindet, den Stil „text-align:center“ hinzufügen. Das Attribut

text-align gibt die horizontale Ausrichtung von Text innerhalb eines Elements 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.

Attributwert:

left Ordnet den Text links an. Standard: Wird vom Browser bestimmt.
rechts Ordnen Sie den Text rechts an.
Mitte Ordnen Sie den Text zentriert an.
justify erzielt den Effekt, den Text an beiden Enden auszurichten.
inherit gibt an, dass der Wert des text-align-Attributs vom übergeordneten Element geerbt werden soll.

Empfohlen: „CSS-Video-Tutorial“

Beispiel:

<html>
<head>
<style type="text/css">
div  {
width: 200px;
border: 1px solid red;
text-align: center;
}
</style>
</head>
<body>
    <div>
示例文字
        </div>
</body>
</html>

Nach dem Login kopieren

Der Effekt ist wie folgt:

So zentrieren Sie Text in div in CSS

Das obige ist der detaillierte Inhalt vonSo zentrieren Sie Text in div in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!