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

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

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

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

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

• width属性值用%就行了，例如四个单元格就分别为25%

• 第一步，打开dreamweaver软件新建一个表格，如图，使用

  标签对。

  

• 接着就是新建一行，使用标签对，然后使用标签对新建三个单元格。

  

• 接着我们在设计视图里面预览一下，如图，可以看到一行三列的表格。

  

• 接着我们在里面添加一个“width”属性，width表示的就是宽度，如图所示。

  

• 然后给第一和第二个表格添加宽度，如图，第三个就不用添加，因为前两个已经确定，所以第三个也已经确定。

  

• 当然，也可以使用百分比来设定单元格的宽度，效果也是一样的。

  

• 7

  如图，我们可以看下网页效果，三个表格的宽度都不一样了。

  

td 本来就有这个特性。在css文件重定义td， #div-layer td {width:100%;text-align:left;} 其中#div-layer是你表格所在层的名称，让td的内容左对齐，自适应宽度。

用百分比就可以了

td{
width:60%
}仅仅用作示例，请根据实际情况修改