【问题标题】:How to fix the table height?如何固定桌子高度?
【发布时间】:2010-12-17 18:28:21
【问题描述】:

我想将表格高度固定为 600 像素,即使内容很长。

【问题讨论】:

    标签: html css tablelayout


    【解决方案1】:

    尝试将表格包装在 div 标记中,并像这样设置 div 的 CSS 属性:

    div.tablewrapper {
        height: 600px;
        overflow-y: auto;
    }
    

    如果表格的高度超过 600 像素,这将显示一个滚动条。如果您不想在表格太小而无法占用那么多空间的情况下始终将高度强制为 600px,而只想将 600px 作为 max,请使用 max-height 而不是 @ 987654325@.

    【讨论】:

    • 这完全适合我。非常感谢您。 :) 起初我尝试将样式放在 #facebox .content 下,但它似乎不起作用。
    • @paologranadalim:什么facebox
    【解决方案2】:
    div.tablewrapper {
        height: 600px;
        overflow-y:hidden;
    }
    

    这适用于将页面精确为 600 像素的高度..

    【讨论】:

      【解决方案3】:

      请看下面的示例代码..

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

      【讨论】:

        猜你喜欢
        • 2016-05-01
        • 1970-01-01
        • 1970-01-01
        • 2012-05-03
        • 2017-08-26
        • 2011-01-06
        • 1970-01-01
        • 2011-03-21
        • 2020-10-19
        相关资源
        最近更新 更多