第一种方法是使用css属性overflow:hidden;,如下所示:
<table> <tbody> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> <tr> <td>5</td> <td>6</td> </tr> </tbody> </table>
使用该方法,需要注意以下几点:
- 表格的父元素必须已经有固定高度,否则此方法无法生效。
- 如果表格行数超过了固定的高度,那么超过的行将被隐藏,需要使用滚动条才能查看。
第二种方法是使用css属性table-layout:fixed;,如下所示:
<table> <tbody> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> <tr> <td>5</td> <td>6</td> </tr> </tbody> </table>
使用该方法,可以固定表格的高度,同时保证每行的高度相等。注意,此方法不会隐藏超出的行,需要使用滚动条查看。
综上所述,使用以上两种方法可以实现css固定表格高度。