如何不溢出一個單元格？

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

你可能想與表元素overflow:hidden;white-space: nowrap;

沿table-layout:fixed;從docs：

在固定表格佈局中，水平佈局僅取決於 表的寬度，列的寬度，而不是 單元的內容

此外，如果你想有一個垂直滾動條在div，那麼你可以試試這個裏面你div：

overflow-y: scroll; 

Answer 2

您的標記是正確的，但你需要一個固定的高度設置到div（你可以這樣做：在td上用div設置位置：相對，在潛水設置高度：100％;應該工作），所以溢出：汽車將工作。除此之外......你應該對所擁有的一切都有好處。