如何设置html td 的宽度比例统一？_随笔

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：

</table>

3、浏览器运行index.html页面，此时表格各列的内容虽然长短不一，但是宽度都被固定相等了。

/*首先是可以给td赋予宽度值的，且仅为宽度。高度值赋予给tr。需注意几点，是否给每个td加了类名称。且每一行的td宽度总和为table总宽度。如果它们不相等，那么网页显示时肯定会出现错误！*/

.td1{

width:150px

}

/*设置td1的宽度为150px，td2将自动计算宽度为50px。td3由于占了两列，所以不用为其设定宽度，其宽度为200px*/

</style>

<tr>

</tr>

<tr>

</tr>

</table>

.td1{

width:150px

}

</style>

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

如何设置html td 的宽度比例统一？