Question

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

宽度设置为100px。在仅限Firefox 中，超过100px的文字不隐藏，并替换为滚动条。

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

Answer 1

来自here的这个问题也许可以解决你的问题

nickb回答：“尝试将其包装在<div>中。我很确定没有为<td>元素定义overflow属性，至少在{{{ 3}}不是。“

尝试将overflow:auto置于wrapper希望这可以帮助您

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

工作HTML4

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>

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

2 个答案: