Question

想象一下，我有100px宽的空间可以改变。表格的第一列我希望固定在30px，第二列和第三列我希望每个剩余宽度（70px）为50％，每个为35px。

因此，当空间的宽度变为300px时，列宽将为30px，135px，135px（其中135px为270px除以2，即50％）。

这是我的尝试，它不起作用：

<table width="100%" >
                    <tr>
                        <td width="30px"> </td>
                        <td align="center" width="25%"></td>
                        <td align="center" width="25%"></td>
                    </tr>
 </table>

我尝试过其他各种各样的人。

感谢。

Answer 1

以px为单位设置表的宽度，然后以％为单位设置tds的大小。

在此示例中，您希望总宽度为60px。

<table width="60px" >
                    <tr>
                        <td width="50%"> </td>
                        <td align="center" width="25%"></td>
                        <td align="center" width="25%"></td>
                    </tr>
</table>

Answer 2

试试这个：

<table width="100%" >
    <tr>
        <td width="30px" bgcolor="red"></td>
        <td align="center" bgcolor="blue"></td>
        <td align="center" bgcolor="green"></td>
    </tr>
</table>

<强> Fiddle

使用HTML表格，如何使第一列固定宽度，第二列和第三列每个剩余宽度50％

2 个答案: