处理表中的溢出

Question

如果我有一个像这样非常非常简单的例子：

table {
    table-layout:fixed;
    width:300px;
}

.td1 {
    width:100px;
}
.td2 {
    width:200px;
}

并且在我的一个 .td2 中包含一个图像，可以说，宽度为 300px代码>.我想显示滚动条以允许用户滚动以查看全部内容。但我认为这是不可能的，是吗？

所以我的问题是：

1. 除了 hidden 之外，还有其他选项用于处理表中的溢出吗？

2. 是否可以仅当内容超出设定宽度时才显示滚动条？ （我发誓我在一些论坛软件中见过它，但我不记得是哪一个）

Answer 1

怎么样

overflow: auto

内容被剪裁并且滚动
仅在必要时添加。

将图像放入表格单元格的 div 内，并使 div 的宽度和高度为 td 的 100%，并将其样式设置为溢出：auto

<style>
.test { width: 100%; height: 100%; overflow: auto; } 
</style>

<td>
<div class="test">
your image
</div>
</td>