Home/ Questions/Q 8449675
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T10:46:33+00:00

I have HTML markup below. I need to cut the size of div containing

  • 0

I have HTML markup below. I need to cut the size of div containing the table to half so basically overflow: hidden and only show a part of div contained within the specified size. However height property on the containing div is not being applied to the table.

<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>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
       .temp{
        height: 15px;
        overflow: hidden;
    }​

    this will cut the one line of text you have in half , if that’s what you want . Are you sure you didn’t mean 

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

    to make 3 rows , then hide some of it?

    • 0