1

以下是我的 HTML 表格的代码结构。tr class c0我在（标记为*...*）中插入了一个大图像。该班no-overflow有overflow:auto. 在其他页面中，no-overflow如果图像变大，使用相同的类会有水平和垂直滚动条。但是，在这种特殊情况下，不会出现条形图。

 <table class="someclass" width="60%">
    <thead>
        <tr>
        <th class="header c0" style="text-align:left;">Content: Test 1</th>
        <th class="header c1">Class Statistics</th>
        </tr>
    </thead>
    <tbody>
        **<tr class="r0">
            <td class="cell c0" style="text-align:left;">Question: <br>
                <div class="no-overflow">
                    <div class="no-overflow">
                        <p><img src="image path" width="1365" height="767"></p>
                    </div>
                </div>
            </td>
            <td class="cell c1" style=""> </td>
        </tr>**
        <tr class="r1">
            <td class="cell c0" style="text-align:left;">Answer:</td>
            <td class="cell c1" style=""> </td>
        </tr>
        <tr class="r0">
            <td class="cell c0" style="text-align:left;"><input type="button" name="1" value="Next"> Next </td>
            <td class="cell c1" style=""></td>
        </tr>
        <tr class="r1 lastrow">
            <td class="cell c0" style="text-align:left;"></td>
            <td class="cell c1" style=""> </td>
        </tr>
    </tbody>
</table>

表图像：

表格图像

4

1 回答 1

0

overflow:auto不幸的是，单独在表格单元上不会做任何事情。表格单元格将自行调整大小以适应其内容。但是，如果您将一个固定的width和添加height到表格单元格，则溢出工作正常并且滚动条可见。

看到这个小提琴。

于 2013-09-04T09:03:39.983 回答