溢出：自動在Firefox中不起作用

Question

我有一張桌子。它的<td>有overflow: auto。

寬度設置爲100px。在Firefox只有，超過100px的文字是而不是隱藏並用滾動條替換。

如何隱藏內容並在滾動條超過其容器寬度時有滾動條？

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

Answer 1

從here這個問題也許解決您的問題

nickb答案：「嘗試在<div>加以包裝。我敢肯定溢出屬性不是爲<td>元素定義，至少在HTML4不是這樣的。」

嘗試把你的overflow:auto到wrapper希望這可以幫助你

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

工作demo

Answer 2

更簡單的方法來做到這一點。將它添加到的Html

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

，這給CSS

div { 
    overflow:auto;  
} 

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

工作實例：

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>