html 表格平分宽度固定

你可以使用CSS的`table-layout`属性来实现平分宽度，同时固定表格的宽度。

例如，如果你有一个包含3列的表格，并且希望每列的宽度相等并且表格的总宽度为800像素，你可以使用以下CSS代码：

table {
  width: 800px; /* 固定表格宽度为800像素 */
  table-layout: fixed; /* 表格宽度固定 */
}

td {
  width: 33.33%; /* 平分3列的宽度 */
}

然后，在HTML中创建你的表格：

<table>
  <tr>
    <td>第一列内容</td>
    <td>第二列内容</td>
    <td>第三列内容</td>
  </tr>
</table>

这样，每列的宽度将自动平分，并且表格总宽度将保持为800像素。

相关问题

html 表格宽度减去固定宽度平分

可以使用CSS中的calc()函数来实现。具体的做法是，先将表格的宽度设置为一个固定的值，然后使用calc()函数计算出剩余的宽度，最后将这个剩余的宽度平分给所有的列。

例如，如果你想要一个表格总宽度为800px，其中有4列，每列的宽度都应该是平分剩余的宽度，可以使用以下代码：

table {
  width: 800px;
}

td {
  width: calc((100% - 200px) / 4);
}

其中，将表格的宽度设置为800px，然后每个单元格的宽度都设置为calc((100% - 200px) / 4)，其中100%表示父元素（也就是表格）的宽度，200px是固定的宽度（4列每列50px），这样就可以平分剩余的宽度了。

table的td如何设置平分宽度

可以通过CSS中的`table-layout: fixed;`和`width: 100%;`属性来实现table的td平分宽度。

示例代码如下：

HTML:

<table>
  <tr>
    <td>单元格1</td>
    <td>单元格2</td>
    <td>单元格3</td>
  </tr>
</table>

CSS:

table {
  table-layout: fixed;
  width: 100%;
}
td {
  width: 33.33%;
}

这样，每个td元素就会平分table的宽度，显示效果如下：

| 单元格1 | 单元格2 | 单元格3 |