Was ist der Code zum Ausrichten beider Enden in CSS?-Front-End-Fragen und Antworten-php.cn

Was ist der Code zum Ausrichten beider Enden in CSS?

WBOY

Freigeben： 2021-12-30 15:13:02

Original

3288 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!