So zentrieren Sie CSS-Text

CSS text-align

text-align-Syntax:

text-align : left | right | center | justify

text-align-Parameterwert und Beschreibung:

left: linksbündig

right : Rechtsbündig

center : Zentriert

*justify : An beiden Enden ausgerichtet (nicht empfohlen, wird normalerweise von den meisten Browsern nicht verwendet)

uns Häufig verwendete Parameterwerte für die Textausrichtung sind links, rechts und zentriert.

Textausrichtungsfunktionsbeschreibung:

Legen Sie die Links-Mitte-Rechts-Ausrichtung des Texts im Objekt fest oder rufen Sie sie ab .

Fallbeispiel:

Wir richten 3 Boxen ein und stellen die CSS-Höhe und CSS-Breite der Boxen auf den gleichen Wert ein , und legen Sie sie dann separat fest. Der Inhalt der drei Felder wird links, zentriert und rechts ausgerichtet.

Wir haben die Höhe der drei Kästchen auf 50 Pixel und die Breite auf 300 Pixel eingestellt. Zur besseren Übersicht haben wir die drei Kästchen so eingestellt, dass sie einen schwarzen Randstil haben.

1, HTML+CSS-Code

1), CSS-Code

.div1{ width:300px; height:50px; border:1px solid #000; text-align:left} 
.div2{ width:300px; height:50px; border:1px solid #000; text-align:center} 
.div3{ width:300px; height:50px; border:1px solid #000; text-align:right} 
/*  
div1 div2 div3 分别设置 靠左 居中 靠右对齐 
*/

2), HTML-Code

<div class="div1">我被靠左对齐</div> 
<div class="div2">我被居中显示</div> 
<div class="div3">我被靠右对齐</div>

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