Ne kadar dize, internet adresi, kelime veya otomatik Satır sonları ile simgeler kümesi div genişliği tutmak için gösterebilir misin? Bir tür keşfedildi sanırım. Boşluk ekleyerek çalışıyor ama word-wrap gibi bir CSS çözümü genellikle?

Örneğin (nastily çok divs çakışıyor, kuvvetler yatay kaydırma vb. wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww

Ben yukarıdaki dize için özenle tarayıcı penceresi içinde bir div ya da birkaç satır sığacak şekilde ekleyin ne olabilir?

Bu soru daha önce burada soruldu:

• Who has solved the long-word-breaks-my-div problem? (hint: not stackoverflow)
• word wrap in css / js
• CSS: how can I force a long string (without any blank) to be wrapped in XUL and/or HTML
• CSS overflow with long URL

Uzun lafın kısası:

CSS çözümleri var bildiğim kadarıyla: eleman, kaydırma çubukları ve overflow:hidden; Herhangi bir ek metin kesmeye göstermeye zorlamak için overflow: scroll;. text-overflow:ellipsis; word-wrap: break-word; var ama sadece (break-word Şimdi bu 5 yıl için çözüm olacak CSS3 taslak, ancak, YANİ.

İşin özü, eğer bu çok önemli senin için bu olay ile kaydırma metin için bundan sonraki tek mantıklı çözüm enjekte ­ (yumuşak tire), <wbr> (kelime sonu etiket) veya ​ (sıfır genişlik alanı, aynı etkiye ­ eksi, tire) dizesi sunucu tarafı. Eğer Javascript sakıncası yoksa, ancak, oldukça sağlam görünüyor hyphenator var.