2011-11-24 4 views
6

Ho uno stile div in cui ho bisogno di aggiungere un lungo testo. Ho una larghezza massima (100px) e ho bisogno di "abbassare il testo". Ora non riesco a trovare una soluzione per il mio problema: in caso di testo lungo, va fuori dalla scatola. Non ho un problema di altezza quindi dovrebbe prendere qualsiasi dimensione richiesta.Le parole lunghe stanno uscendo dalla scatola - Come prevenire?

Questo è il mio codice:

<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> 

risposta

12

word-wrap: break-word; dovrebbe aiutare.

+0

Grazie mille! accetterò al più presto: D –

+0

Stavo andando per "overflow: auto;" ma la tua soluzione è molto più elegante. Ad ogni modo, ecco un lavoro [JSFiddle] (http://jsfiddle.net/d59hM/) di questa soluzione. – Nasreddine

+0

@Nacereddine Grazie, se non ti dispiace, lo includo nella mia risposta. – kapa