跳到主要内容

表格尺寸

HTML 表格可以有不同的大小，不同的列宽、不同的行高。

使用CSS width 和 height属性可指定表、行或列的大小。

设置表格整体宽度​

设置表格整体的宽度为父元素的宽度（100%）

影响所有表格
table {
    width: 100%;
}

或 table 的 style属性，如下

<table style="width: 100%">
    <tr>
        <th>姓名</th>
        <th>语文</th>
        <th>数学</th>
        <th>物理</th>
        <th>化学</th>
    </tr>
    <tr>
        <td>郝来吴</td>
        <td>90</td>
        <td>100</td>
        <td>98</td>
        <td>100</td>
    </tr>
    <tr>
        <td>刘美溪</td>
        <td>94</td>
        <td>98</td>
        <td>100</td>
        <td>89</td>
    </tr>
</table>
about:blank

设置行高​

影响所有行
tr {
    height: 100px;
}

或 tr 的 style属性，该属性仅影响一行，如下

<table>
    <tr >
        <th>姓名</th>
        <th>语文</th>
        <th>数学</th>
        <th>物理</th>
        <th>化学</th>
    </tr>
    <tr style="height: 100px;">
        <td>郝来吴</td>
        <td>90</td>
        <td>100</td>
        <td>98</td>
        <td>100</td>
    </tr>
    <tr>
        <td>刘美溪</td>
        <td>94</td>
        <td>98</td>
        <td>100</td>
        <td>89</td>
    </tr>
<table>
about:blank

设置列宽​

影响所有列
th {
    width: 100px;
}

或 th 的 style属性，该属性仅影响一列，如下

<table>
    <tr>
        <th style="width:100px">姓名</th>
        <th>语文</th>
        <th>数学</th>
        <th>物理</th>
        <th>化学</th>
    </tr>
    <tr>
        <td>郝来吴</td>
        <td>90</td>
        <td>100</td>
        <td>98</td>
        <td>100</td>
    </tr>
    <tr>
        <td>刘美溪</td>
        <td>94</td>
        <td>98</td>
        <td>100</td>
        <td>89</td>
    </tr>
<table>
about:blank

HTML 参考​

名称描述

CSS 参考​

名称描述