Overflow: auto non funziona in Firefox

Question

Ho una tabella. Il suo <td> ha overflow: auto.

La larghezza è impostata su 100 px. In solo Firefox, il testo che supera 100 px è non nascosto e sostituito con una barra di scorrimento.

Come posso nascondere il contenuto e avere una barra di scorrimento quando supera la larghezza del suo contenitore?

http://jsfiddle.net/be6tM/10/

Answer 1

questa domanda da here forse risolvere il problema

nickb risposta: "Prova avvolgendolo in un <div>. Sono abbastanza sicuro che l'attributo di overflow non è definito per un elemento <td>, almeno in HTML4 non lo è."

tenta di mettere il vostro overflow:auto al wrapper speranza questo può aiutare a

pre, div { 
    width:100%; 
    overflow: auto !important; 
} 

lavoro demo

Answer 2

Il modo più semplice per farlo sarebbe quello di aggiungere questo al Html

<td class="first"> 
    <div>Don ovonMrLongNameIsMe!!!</div> 
</td> 

e questo al CSS

div { 
    overflow:auto;  
} 

td { 
    border: 1px solid rgb(0,0,0); 
    min-width: 100px; 
    max-width: 100px; 
} 

Esempio di funzionamento:

div { 
 
     overflow:auto;  
 
    } 
 

 
    td { 
 
     border: 1px solid rgb(0,0,0); 
 
     min-width: 100px; 
 
     max-width: 100px; 
 
    }

<table>  
 
    <tr> 
 
    <td class="first"> 
 
     <div>Don ovonMrLongNameIsMe!!!</div> 
 
    </td> 
 
    </tr> 
 
</table>