Ein Beispiel für die Verwendung von text-align:justify zum Ausrichten beider Enden_Erleben Sie den Austausch

text-align:justify kann nur beide Enden der nicht letzten Zeile in mehreren Zeilen ausrichten. Ich kann nichts gegen eine einzelne Zeile tun, um das Problem zu lösen. Übrigens ist meine Methode für Nicht-IE-Benutzer Müll, da sie nur zu besonderen Anlässen verwendet wird.

Beispielquellcode [www.52css.com]
.justify{
height:1.1em;
text-align:justify; -justify :distribute-all-lines;
div.cn:after {
font-size:100px
Das stimmt Das heißt, ich verwende Inhalte und füge Inhalte hinzu, bis eine zweite Zeile vorhanden ist, sodass die Enden der ersten Zeile ausgerichtet sind.

Allerdings versteht jeder Browser Chinesisch anders. Firefox trennt chinesische Zeichen direkt, während Opera chinesische Zeichen nicht trennt und nur Leerzeichen oder Symbole in der Mitte der chinesischen Zeichen erkennt, ist Safari eher ungleichmäßig. Sie können nicht ohne Leerzeichen getrennt werden.

Englisch ist besser, weil man nur Leerzeichen zum Trennen von Wörtern verwenden kann, aber der IE verwendet text-justify :distribute-all-lines, um Wörter zu trennen, was wirklich hässlich ist. Ich habe ursprünglich darüber nachgedacht, HTC oder JS zu verwenden, um den IE zu unterstützen, aber ich fand, dass IE6 so dumm ist, dass ich nicht weiß, was ich tun soll, wenn ich zu Hause keinen IE7 habe.

Oder das Eingeben von Leerzeichen ist eine bessere Möglichkeit, aber Browser wie Firefox, die nur den Text vergrößern, sind XX, wenn der Text vergrößert wird. Die schlechte Methode, die ich geschrieben habe, ist nur unter bestimmten Umständen nützlich Leben und Finger weg von Firefix!