Question

我有以下脚本：

<table width="100%">
    <tr>
        <td style="width: 300px;background-color: red">
        </td>
        <td style="background-color: lime">
            <div style="width: 50%;overflow: auto;">
                <img src="very_big_image.jpg" />
            </div>
        </td>
        <td style="width: 400px;background-color: orange">
        </td>
    </tr>
</table>

它将第二个td的宽度设置为等于width的{{1}}，（但从逻辑上讲，第二个img的宽度必须为td所以我在整个窗口都有滚动。

我该如何解决？

Answer 1

设置要滚动的溢出应该可以实现您的目标：

overflow:scroll;

示例：http://jsfiddle.net/WbAEq/

将溢出设置为自动只会在使用剪辑时显示滚动条。

<强>更新

为了让表格与溢出内容一起使用，您需要将table-layout的{{1}}属性设置为<table>

fixed

您可以在此处查看此示例：http://jsfiddle.net/WbAEq/2/

将可滚动的div放入表中

1 个答案: