Heim > Artikel > Web-Frontend > Was ist der Code zum Ausrichten beider Enden in CSS?
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.
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; }
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>
Ausgabeergebnis:
(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!