设定表格栏宽

小编典典

设定表格栏宽

html

我有一个用于收件箱的简单表，如下所示：

<table border="1">
        <tr>
            <th>From</th>
            <th>Subject</th>
            <th>Date</th>
        </tr>

如何设置宽度，以便“起始日期”和“日期”分别为页面宽度的15％和“主题”为70％。我还希望表格占据整个页面的宽度。

阅读 299

2020-05-10

共1个答案

小编典典

<table style="width: 100%">

    <colgroup>

       <col span="1" style="width: 15%;">

       <col span="1" style="width: 70%;">

       <col span="1" style="width: 15%;">

    </colgroup>







    <!-- Put <thead>, <tbody>, and <tr>'s here! -->

    <tbody>

        <tr>

            <td style="background-color: #777">15%</td>

            <td style="background-color: #aaa">70%</td>

            <td style="background-color: #777">15%</td>

        </tr>

    </tbody>

</table>

2020-05-10