html - 处理表中的溢出

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>