二维码
搜索 ×

HTML 表格大小

  • 作者：图形开发学院
  • 更新时间：2023年11月01日
  • 阅读量：0
  • 收藏数：0

HTML 表格大小

HTML 表格可以对每列、每行或 整张桌子。

将该特性与 or 属性一起使用，以指定表、行或列的大小。style``width``height

HTML 表格宽度

若要设置表的宽度，请将属性添加到元素中：style``<table>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
将表格的宽度设置为 100%：

<table style="width:100%">  
  <tr>  
    <th>Firstname</th>  
    <th>Lastname</th>  
    <th>Age</th>  
  </tr>  
  <tr>  
    <td>Jill</td>  
    <td>Smith</td>  
    <td>50</td>  
  </tr>  
  <tr>  
    <td>Eve</td>  
    <td>Jackson</td>  
    <td>94</td>  
  </tr>  

</table>

注意： 使用百分比作为宽度的大小单位意味着 此元素与其父元素的比较宽度，在本例中为 是元素。<body>

HTML 表格列宽

若要设置特定列的大小，请在 or 元素上添加属性：style``<th>``<td>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
将第一列的宽度设置为 70%：

<table style="width:100%">  
  <tr>  
    <th style="width:70%">Firstname</th>  
    <th>Lastname</th>  
    <th>Age</th>  
  </tr>  
  <tr>  
    <td>Jill</td>  
    <td>Smith</td>  
    <td>50</td>  
  </tr>  
  <tr>  
    <td>Eve</td>  
    <td>Jackson</td>  
    <td>94</td>  
  </tr>  

</table>

HTML 表格行高

若要设置特定行的高度，请在表行元素上添加属性：style

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
将第二行的高度设置为 200 像素：

<table style="width:100%">  
  <tr>  
    <th>Firstname</th>  
    <th>Lastname</th>  
    <th>Age</th>  
  </tr>  
  <tr style="height:200px">  
    <td>Jill</td>  
    <td>Smith</td>  
    <td>50</td>  
  </tr>  
  <tr>  
    <td>Eve</td>  
    <td>Jackson</td>  
    <td>94</td>  
  </tr>  

</table>

推荐教程