URL yang panjang atau pengidentifikasi gabungan di tengah paragraf dapat mendorong kolom lebih lebar dari halaman. Cara mengatasinya adalah sepasang properti dengan kepribadian berbeda, dan menggunakan keduanya secara bersamaan adalah keseluruhan triknya.
html { lang: en; }
p { hyphens: auto; overflow-wrap: anywhere; }Apa yang dilakukan masing-masing orang
- tanda hubung: otomatis menyisipkan titik tanda hubung nyata menggunakan bahasa dokumen; dengan bahasa yang salah pada html browser tidak dapat mengetahui aturannya, jadi atur bahasanya terlebih dahulu.
- overflow-wrap: di mana saja mengizinkan pembobolan di dalam token yang tidak bisa dipecahkan yang terlalu panjang, yang menangkap URL, hash, dan pengidentifikasi yang tidak ada dalam kamus.
- di mana pun juga memperhalus lebar konten minimum kotak, karena kata tidak lagi memaksakannya; itulah yang membuat kolom menyusut.
Kombonya, tidak sendirian
Tanda hubung saja membuat URL tetap utuh di tepi baris; di mana pun sendirian memecahkan kata-kata tanpa tanda yang terlihat. Bersama-sama, prosa mendapat tanda hubung yang beradab dan token mesin mengalami kerusakan parah, dan tidak ada yang berperilaku buruk di tempat yang merugikan.
Halaman multibahasa mendapatkan nilai ekstra: browser memberi tanda hubung pada setiap paragraf dalam bahasanya sendiri, sehingga gabungan bahasa Jerman yang mengagumkan dan frasa bahasa Inggris singkat hidup berdampingan tanpa huruf khusus.
Uji sekali dengan siput empat puluh karakter di kartu sempit. Jika duduk, pasangan tersebut dikerahkan; jika hang, beberapa atribut lang berbohong.