Contoh penggunaan text-align:justify to align both ends_Experience exchange

text-align:justify hanya boleh menjajarkan kedua-dua hujung baris bukan terakhir dalam berbilang baris. Tiada apa yang boleh anda lakukan tentang satu baris IE mempunyai teks-justify untuk menyelesaikan masalah, bagi pengguna bukan IE, kaedah saya adalah sampah kerana ia hanya digunakan pada majlis-majlis khas.

Contoh Kod Sumber [www.52css.com]
.justify{
height:1.1em;
overflow:hidden;
text-align:justify; -justify :distribute-all-lines;
}
div.cn:selepas {
kandungan: "_____________________________________";
font-size:100px; IE, saya menggunakan kandungan dan menambah kandungan sehingga terdapat baris kedua, supaya kedua-dua hujung baris pertama akan diselaraskan.

Walau bagaimanapun, setiap penyemak imbas memahami bahasa Cina secara berbeza. Firefox secara langsung memisahkan aksara Cina, manakala Opera tidak memisahkan aksara Cina dan hanya mengecam ruang Jika anda memasukkan bahasa Inggeris separuh lebar atau label di tengah-tengah aksara Cina, ia akan menjadi tidak sekata dengan Opera. Mereka tidak boleh dipisahkan tanpa menambah ruang.

Bahasa Inggeris adalah lebih baik kerana anda hanya boleh menggunakan ruang untuk memisahkan perkataan, tetapi IE menggunakan text-justify :distribute-all-lines untuk memisahkan perkataan yang benar-benar jelek. Saya pada asalnya berfikir tentang menggunakan htc atau js untuk membantu IE, tetapi saya mendapati bahawa IE6 sangat bodoh saya tidak tahu apa yang perlu dilakukan jika saya tidak mempunyai IE7 di rumah.

Atau menaip ruang adalah cara yang lebih baik, tetapi penyemak imbas seperti Firefox yang hanya membesarkan teks akan menjadi XX apabila teks dibesarkan Kaedah buruk yang saya tulis hanya berguna dalam keadaan tertentu. Ingat hidup dan jauhi Firefix!