Uzun kelimeler kutudan akıyor - Nasıl önlenir?

Uzun bir metin eklemem gereken bir tarz div var. Maksimum genişliğim var (100px) ve "metni düşürmem gerekiyor". Şimdi sorunum için bir çözüm bulamıyorum: uzun metin halinde, kutudan çıkar. Bir yükseklik problemim yok, bu yüzden gerekli olan herhangi bir büyüklüğü almalı.Uzun kelimeler kutudan akıyor - Nasıl önlenir?

<style> 
    .infobox { 
     -moz-background-clip: padding;  
     -webkit-background-clip: padding; 
     background-clip: padding-box;  
     border: 6px solid rgba(0,0,0,0.3); 
     -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
     border-radius: 4px; 

     padding: 30px; 
     width: 100px; 
     text-align: center; 

     top: 100px; 
     left: 200px; 
    } 
</style> 

<div class="infobox"> LOOOOOOOOOOOOOOOOOOOOOOOOOOOONG TEXT :)</div>

kaynak

2011-11-24 Matteo Mosconi

word-wrap: break-word; yardımcı olacaktır:

benim kodudur.

kaynak

2011-11-24 19:34:22 kapa

Çok teşekkürler @Nacereddine sayesinde! Bunu en kısa zamanda kabul ediyorum: D –

“Overflow: auto” için gidiyordum ama çözümünüz çok daha şık. Her neyse, işte bu çözümün bir çalışma [JSFiddle] (http://jsfiddle.net/d59hM/). – Nasreddine

@Nacereddine Teşekkürler, eğer sakıncası yoksa, cevabımı ekledim. – kapa

Uzun kelimeler kutudan akıyor - Nasıl önlenir?

cevap

İlgili konular