Question

不知道为什么，但是这张桌子没有听我说。我给它的高度/最大高度为20px，它仍显示所有行。

的CSS：

table {
    border:1px solid black;
    overflow:hidden;
    height:20px;
    max-height:20px;
}

HTML：

<table>
    <tr><td>this is a row</td></tr>
    <tr><td>this is a row</td></tr>
    <tr><td>this is a row</td></tr>
    <tr><td>this is a row</td></tr>
    <tr><td>this is a row</td></tr>
    <tr><td>this is a row</td></tr>
    <tr><td>this is a row</td></tr>
    <tr><td>this is a row</td></tr>
</table>

http://jsfiddle.net/foreyez/7demh/

Answer 1

将display:block;添加到表格的CSS中：

table {
    border:1px solid black;
    overflow:auto;
    height:20px;
    max-height:20px;
    display:block;
}

JSFiddle Example
这样做会使它变宽，所以添加一个宽度：

table {
    border:1px solid black;
    overflow:auto;
    height:30px;
    max-height:30px;
    display:block;
    width:200px;
    }

You can make it look pretty neat.

如何在html表上强制高度？

1 个答案: