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

Posted 2023-03-06

【中文标题】溢出：自动在 Firefox 中不起作用

【英文标题】：Overflow: auto does not work in Firefox

【发布时间】：2013-04-26 01:06:36

【问题描述】：

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

宽度设置为 100px。在 Firefox only 中，超过 100 像素的文本不隐藏并替换为滚动条。

当内容超出容器的宽度时，如何隐藏内容并使用滚动条？

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

【参考方案1】：

更简单的方法是将其添加到 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>

【参考方案2】：

here 的这个问题也许能解决你的问题

nickb 回答：“尝试将其包装在 <div> 中。我很确定没有为 <td> 元素定义溢出属性，至少在 html4 中没有定义。”

尝试将您的overflow:auto 发送到wrapper，希望对您有所帮助

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

工作demo