Question

我在下面有HTML标记。我需要将包含表格的div的大小减半，以便基本上溢出：隐藏并且只显示包含在指定大小内的div的一部分。但是，包含div的height属性未应用于表。

<html>
  <head>
    <title>Test</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <style type="text/css">
        .temp{
            height: 20px;
        }
    </style>
  </head>
  <body>
  <div class="temp">
      <table border="1">
      <tr>
        <td>This is a test.</td>
        <td>Do you see what I mean?</td>
        <td>I hate this overflow.</td>
      </tr>
    </table>
  </div>

  </body>
</html>

Answer 1

嗯 - 不确定我是否误解了你，只是加上溢出：隐藏;正在为我做这份工作。 See this fiddle

Answer 2

   .temp{
        height: 15px;
        overflow: hidden;
    }

如果这就是你想要的，那么这将把你所拥有的一行文字减少一半。你确定你没有意思

          <tr>
             <td>This is a test.</td>
          </tr>
          <tr>
             <td>Do you see what I mean?</td>
          </tr>
          <tr>
             <td>I hate this overflow.</td>
          </tr>

制作3行，然后隐藏其中一些？

如何缩小包含表格的div的大小

2 个答案: