So verwenden Sie die text-align-Eigenschaft in CSS-CSS-Tutorial-php.cn

So verwenden Sie die text-align-Eigenschaft in CSS

不言

Freigeben： 2018-12-06 09:08:22

Original

4945 Leute haben es durchsucht

Das So verwenden Sie die text-align-Eigenschaft in CSS-Attribut von CSS kann zum Festlegen der Textposition verwendet werden. Der folgende Artikel stellt Ihnen die Verwendung des So verwenden Sie die text-align-Eigenschaft in CSS-Attributs in CSS vor spezifischen Inhalt.

So verwenden Sie die text-align-Eigenschaft in CSS

Schauen wir uns zuerst einen einfachen Code an

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="sample.css" type="text/css">
  </head>
  <body>
    <p class="sample1">在此处显示文字</p>
  </body>
</html>

Nach dem Login kopieren

Der Effekt ist wie folgt

So verwenden Sie die text-align-Eigenschaft in CSS

Dann verwenden wir das So verwenden Sie die text-align-Eigenschaft in CSS-Attribut

basierend auf dem obigen Code

Wenn ich den Text links platzieren möchte (der Standardwert ist links), können wir so schreiben

p.sample1 {So verwenden Sie die text-align-Eigenschaft in CSS:left; }

Nach dem Login kopieren

Da die Standardeinstellung belassen ist, hat sich die Textposition nicht geändert, sie befindet sich immer noch links

Platzieren Sie den Text auf rechts

p.sample1 {So verwenden Sie die text-align-Eigenschaft in CSS:right; }

Nach dem Login kopieren

an Im Browser wird der Text rechts angezeigt

So verwenden Sie die text-align-Eigenschaft in CSS

Zentrieren Sie den Text

p.sample1 {So verwenden Sie die text-align-Eigenschaft in CSS:center; }

Nach dem Login kopieren

In Im Browser wird der Text in der Mitte angezeigt

So verwenden Sie die text-align-Eigenschaft in CSS

Zeichen gleichmäßig verteilen

In langen englischen Sätzen wird die Rechtfertigung für eine gleichmäßige Verteilung verwendet Verteilen Sie die Zeichenanordnung

Zum Beispiel fühlt sich im folgenden Satz die rechte Seite sehr uneben an.

So verwenden Sie die text-align-Eigenschaft in CSS

In diesem Fall können wir den Wert des So verwenden Sie die text-align-Eigenschaft in CSS-Attributs auf justify festlegen und dann das text-justify-Attribut verwenden, um das Ausrichtungsformat anzugeben, das der Code ist wie folgt

p.sample1 {
   So verwenden Sie die text-align-Eigenschaft in CSS：justify ;   
   text-justify：auto ; 
   }

Nach dem Login kopieren

Wenn der Wert von text-justify auf „auto“ eingestellt ist, werden Wort- und Zeichenabstand gleichmäßig angepasst.

Der Effekt ist wie folgt: Die rechte Seite wird aufgeräumt

So verwenden Sie die text-align-Eigenschaft in CSS

Eine letzte Anmerkung: Alle oben genannten Einstellungen gelten nur für Strings, nicht für Bilder, Blöcke usw. Ungültig.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die text-align-Eigenschaft in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!