v145 · CSS · Script Lab
Script lab
Apply each text-justify value to representative scripts — Latin, CJK, Arabic, Devanagari, Thai — and see how the spacing strategy changes. Every browser used to make a different choice; Chrome 145 finally honours the property.
controls
The quick brown fox jumps over the lazy dog while a printer's apprentice sets type in the back room and a clock ticks somewhere overhead.
日本語の長い文章を組版するときに、文字の間隔を均等に開けるか、語と語の間にだけ間隔を入れるか、それとも揃えないか。
قسم النص العربي يحتاج إلى نوع خاص من المساواة في الأسطر، إذ تستخدم الكشيدة بدلًا من توسعة المسافات بين الكلمات.
हिन्दी की पंक्तियाँ शब्दों के बीच रिक्ति बदलकर ही समान चौड़ाई पर लाई जा सकती हैं, लेकिन अक्षरों के बीच की दूरी संवेदनशील होती है।
ภาษาไทยไม่มีช่องว่างระหว่างคำในข้อความปกติ ดังนั้นการจัดเรียงให้สวยจึงต้องเปลี่ยนระยะห่างของอักขระแทน
code
p { text-align: justify; text-justify: inter-character; }
p[lang="ja"] { text-justify: inter-character; }
p[lang="ar"] { text-justify: inter-word; } /* kashida-respecting */
p[lang="th"] { text-justify: inter-character; }