处理表中的溢出

Question

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

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

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

我的其中一张.td2包含一张图像，可以说，300px在width。我想显示滚动条以允许用户滚动以查看全部内容。但我认为这是不可能的，是吗？

所以我的问题是：

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>