Question

我有一张正在捕捉整个屏幕的表格（HEIGHT =“100％”，WIDTH =“100％”）我已经按百分比设置了每一行的特定高度。所以在第二行的第二个单元格中有一个段落。我希望高度稳定，但在div中我想要一个垂直滚动条。

<table>
  <tr style="height:20%;">
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr style="height:60%; ">
    <td></td>
    <td><div style= "width:100%; overflow:auto;"><p>THIS CELL OVER HERE</p></td>
    <td></td>
  </tr>
  <tr style="height:20%;">
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

Answer 1

您可能希望在表格元素上添加table-layout:fixed;以及overflow:hidden; white-space: nowrap;

来自docs：

在固定的表格布局中，水平布局仅取决于 table的宽度，列的宽度，而不是内容细胞

此外，如果您想在div中设置垂直滚动条，则可以在div内尝试此操作：

overflow-y: scroll;

Answer 2

你的标记是正确的，但是你需要为div设置一个固定的高度（你可以这样做：在td上设置div设置位置：相对，潜水设置高度：100％;应该工作）所以溢出：汽车会工作。除此之外......你应该对你所拥有的一切都很好。

怎么不溢出一个细胞？

2 个答案: