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

Question

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

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

当内容超过其容器的宽度时，如何隐藏内容并拥有滚动条？

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

Answer 1

这个问题从这里也许可以解决你的问题

nickb回答：“尝试将它包装在一个<div>.<td>

试着把你overflow:auto的wrapper希望这可以帮助你

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

工作演示

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>