2012-08-29 3 views
0

아래에 HTML 마크 업이 있습니다. 나는 기본적으로 오버플로 테이블의 절반을 포함 div의 크기를 잘라야 : 숨겨진 및 지정된 크기 내에 포함 된 div의 일부만 표시. 그러나 포함 div의 높이 속성이 테이블에 적용되지 않습니다.테이블을 포함하는 div의 크기를 줄이는 방법

<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> 
+1

예제에서는 한 줄의 텍스트가 만들어집니다. 텍스트의 위쪽 절반 만 보이기를 원하십니까? –

+0

어리석은 저 .... 그것은 분명했습니다 ... – Mayumi

답변

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 행을 만들고 그 중 일부를 숨기시겠습니까?

관련 문제