html表格列宽怎么自动调整？_随笔

table功能是自动设置列宽。以一列中最宽的单元格的宽度作为列宽。但一旦表格的总宽度超过也宽，将自动平均减少列宽并自动换行。

table行数=tr数

table列数=每行td总数的最大值

table中的空行是不显示的

1、首先使用<TABLE></TABLE>：此标记用来定义表格的开始与结束。所有的表格标记都必须要放在<TABLE></TABLE>之间。同时会加上border属性来为表格添加边框。

2、<Caption></Caption>:此标记用来定义表格的标题。通常此标题会出现在表格上方中央的位置，也可以利用align=bottom的属性使标题显示在表格的下方。

3、这是添加了表格标题的网页效果。

4、接着输入<TR></TR>：此标记定义表格中每一行和开始与结束，<TR></TR>之间的单元格都会显示在一行中。

5、<TH></TH>：此标记定义表格中的标签（即表头），通常放在表格中的第一行或第一列。

6、最后输入<TD></TD>：此标记用来定义表格中的数据的开始和结束。每一行的<td>...</td>的数目等于表格的列数。

直接给每一列的第一行设置宽度就可以了，下边的默认与第一行的相同，如果需要修改，在单独设置就可以，下边这段代码就是第一列300像素，第二列200像素；

<head>

</head>

<body>

</table>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html表格列宽怎么自动调整？