溢出：自动在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>