Question

我有一个包含tr的表，在这个tr中有几个td我需要有overflow-x滚动但它不起作用。

  <tr id="TR_TESTS_BY_CAT" width="100%" height="480px" style="display: none;         overflow-x:scroll">
    <td height="530px" valign="top" id="TD_TESTS1" style="width: 25%">
                                <div id="divTests1" style="height: 530px; width: 100%;  vertical-align: top;">
                                </div>
                            </td>
 <td>.....</td>

.....

但它不起作用

Answer 1

根据定义，

overflow不适用于<TR>。 TR（显示：表格行）不是块元素 - 不建立框（记住单元格中的col / rowspans）。

只有与块相似的元素（display：block | inline-block | list-item）具有溢出的概念，因为它们具有要滚动的框。

Answer 2

你可以给你的td特定尺寸：width:200px;这将设置尺寸，div也应该得到相等或更低的宽度，所以那里不会是水平滚动。

这显然是一种解决方法。如果您想获得最佳解决方案，可以切换到使用<div>而不是表格并避免内联css。你只能想象用css样式可以做多少。

溢出-x滚动不在tr中工作

2 个答案: