开发者

How to fix the table height?

开发者 https://www.devze.com 2022-12-11 23:29 出处:网络
I want to fix the table height to 600px, eve if the content 开发者_JAVA技巧goes long.Try wrapping the table within a div tag, and setting the CSS properties of the div like so:

I want to fix the table height to 600px, eve if the content 开发者_JAVA技巧goes long.


Try wrapping the table within a div tag, and setting the CSS properties of the div like so:

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

This will make a scrollbar appear if the table's height exceeds 600 pixels. If you don't want to always force the height to 600px if the table it too small to take up that much space, but instead just want 600px to be the max, use max-height instead of height.


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

this works for to fix a page exact 600px as height..


See the sample code below..

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

精彩评论

暂无评论...
验证码 换一张
取 消