【问题标题】:Table data not accepting "overflow" style property表格数据不接受“溢出”样式属性
【发布时间】:2012-09-13 18:25:22
【问题描述】:

请参阅example。 我为所有<td> 标签提供了height:150px; overflow:auto;。在较少的内容上,高度工作正常。更多内容需要垂直滚动条来。但它不适用于表格单元格。

如果我在<td> 标记内使用<div> 和样式属性height:inherit; overflow:auto; 表示滚动正在工作。

<td> 标签溢出有什么解决办法或原因吗?

请提出建议。

【问题讨论】:

    标签: html css html-table overflow


    【解决方案1】:

    可以通过将display: block;float: left; 指定为您的TD 样式来解决

    td { height:150px; overflow:auto; display: block; float: left; }
    

    演示:http://jsbin.com/ofufuf/1/edit

    【讨论】:

    • 没有找到表格第二列的滚动条。
    • 它的工作。谢谢。但仅通过应用display:inline-block; 获得更好的答案。不需要浮动。
    • 是的,使用inline-block 是一种更好更简洁的方式。 :)
    【解决方案2】:

    现在你好,如果你把 td display properties 改成 它可以工作

    像这样

    td{
    display: inline-block;
    }
    

    【讨论】:

    • 最小内容列数据(第一列)是否可以垂直居中。
    【解决方案3】:

    表格标签不直接支持溢出属性。

    您必须按照您尝试的方式执行此操作,即您必须在 td 中插入一个 div,然后在该 div 中添加溢出。

    <table> <tr> <td> <div style="height:100px;overflow:auto;">abc</div> </td> </tr> </table>

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-02-15
      • 2012-12-07
      • 1970-01-01
      • 2019-07-05
      • 2023-01-05
      • 2015-05-21
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多