Overflow: Auto funktioniert nicht in Firefox

Question

Ich habe eine Tabelle. Seine <td> haben overflow: auto.

Die Breite ist auf 100px eingestellt. In Firefox nur, Text, der 100px überschreitet, ist nicht ausgeblendet und durch eine Bildlaufleiste ersetzt.

Wie kann ich Inhalte verbergen und eine Bildlaufleiste haben, wenn sie die Breite ihres Containers überschreitet?

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

Answer 1

diese Frage von here vielleicht Ihr Problem

nickb Antwort lösen: „Versuchen Sie es in einer <div> Verpackung. Ich bin mir ziemlich sicher, dass das Überlauf Attribut nicht für ein <td> Element definiert ist, zumindest in HTML4 ist es nicht.“

try Ihre overflow:auto auf die wrapper Hoffnung setzen diese können Ihnen helfen,

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

Arbeits demo

Answer 2

Je einfacher Weg, dies zu tun, wäre dies

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

und diese an die CSS

div { 
    overflow:auto;  
} 

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

Arbeitsbeispiel zum Html hinzuzufügen:

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>