表格高度怎么调整

知识问答 2026-11-04 09:55:48 来源:互联网

要调整表格的高度,您可以使用CSS样式,在HTML文件中,为表格添加一个内联样式或者在<style>标签中定义一个CSS类,以下是两种方法的示例:

方法1:使用内联样式

<table style="height: 50px;">  <tr>    <th>标题1</th>    <th>标题2</th>  </tr>  <tr>    <td>内容1</td>    <td>内容2</td>  </tr></table>

方法2:使用CSS类

在<head>标签中添加一个<style>标签,然后定义一个CSS类,如下所示:

<head>  <style>    .custom-height {      height: 50px;    }  </style></head><body>  <table class="custom-height">    <tr>      <th>标题1</th>      <th>标题2</th>    </tr>    <tr>      <td>内容1</td>      <td>内容2</td>    </tr>  </table></body>

这两种方法都可以调整表格的高度,根据您的需求选择合适的方法即可。