Heim > Web-Frontend > Front-End-Fragen und Antworten > Was ist der Code zum Ausrichten beider Enden in CSS?

Was ist der Code zum Ausrichten beider Enden in CSS?

WBOY
Freigeben: 2021-12-30 15:13:02
Original
3328 Leute haben es durchsucht

In CSS lautet der Code zum Festlegen der Ausrichtung zweier Codeteile „element {text-align:justify;}“. Das Attribut „text-align“ wird verwendet, um die horizontale Ausrichtung des Textes des angegebenen Elements festzulegen Wenn der Attributwert auf „justify“ eingestellt ist, werden die Elemente horizontal ausgerichtet.

Was ist der Code zum Ausrichten beider Enden in CSS?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

Was ist der Code zum Ausrichten beider Enden in CSS?

Das text-align-Attribut gibt die horizontale Ausrichtung des Texts des Elements an.

Die Attributwerte lauten wie folgt:

  • 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.

Die Syntax lautet wie folgt:

元素{
text-align:justify;
}
Nach dem Login kopieren

Das Beispiel lautet wie folgt:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>123</title>
    <style type="text/css">
    p{
        text-align:justify;  
    }
    p i{
        display:inline-block;
        width:100%;
    }
</style>
  </head>
  <body>
<p>两端对齐文本<i></i></p>
  </body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

Was ist der Code zum Ausrichten beider Enden in CSS?

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWas ist der Code zum Ausrichten beider Enden in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage