Fatal编程技术网
  • html/
  • Html 如何避免单元格溢出？

Html 如何避免单元格溢出？

html css

Html 如何避免单元格溢出？,html,css,Html,Css,我有一个表格，可以捕获整个屏幕（HEIGHT=“100%”，WIDTH=“100%”），并且我在每一行中按百分比设置了特定的高度。所以在第二行的第二个单元格中有一个段落。我希望高度稳定，但在div内我希望有一个垂直滚动条 <table> <tr style="height:20%;"> <td></td> <td></td> <td></td> </tr>

我有一个表格，可以捕获整个屏幕（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>


这里的牢房
您可能需要
表格布局：固定连同
溢出：隐藏
空白：nowrap

从：

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

另外，如果您想在
div
中有一个垂直滚动条，则可以在
div
中尝试此操作：


overflow-y: scroll;



您的标记是正确的，但是您需要为div设置一个固定的高度（您可以执行以下操作：在td上使用div set position:relative，在div set height:100%；应该可以工作），以便overflow:auto可以工作。除了。。。你应该对你所拥有的一切感到满意