0

以下に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>
4

2 に答える 2

1

うーん-誤解しているかどうかはわかりませんが、overflow:hidden; を追加するだけです。私のために仕事をしています。このフィドルを参照してください。

于 2012-08-29T19:22:37.223 に答える
1 
   .temp{
        height: 15px;
        overflow: hidden;
    }​

これにより、必要に応じて、テキストの 1 行が半分にカットされます。あなたは本当に意味がありませんでしたか

          <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 行を作成し、その一部を非表示にするには?

于 2012-08-29T19:24:59.270 に答える