如何设置html td 的宽度比例统一？
展开全部
width属性值用%就行了，例如四个单元格就分别为25%
第一步，打开dreamweaver软件新建一个表格，如图，使用<table></table>标签对。
接着就是新建一行，使用<tr></tr>标签对，然后使用<td></td>标签对新建三个单元格。
接着我们在设计视图里面预览一下，如图，可以看到一行三列的表格。
接着我们在<td>里面添加一个“width”属性，width表示的就是宽度，如图所示。
然后给第一和第二个表格添加宽度，如图，第三个就不用添加，因为前两个已经确定，所以第三个也已经确定。
当然，也可以使用百分比来设定单元格的宽度，效果也是一样的。
7
如图，我们可以看下网页效果，三个表格的宽度都不一样了。
第一步，打开dreamweaver软件新建一个表格，如图，使用<table></table>标签对。
接着就是新建一行，使用<tr></tr>标签对，然后使用<td></td>标签对新建三个单元格。
接着我们在设计视图里面预览一下，如图，可以看到一行三列的表格。
接着我们在<td>里面添加一个“width”属性，width表示的就是宽度，如图所示。
然后给第一和第二个表格添加宽度，如图，第三个就不用添加，因为前两个已经确定，所以第三个也已经确定。
当然，也可以使用百分比来设定单元格的宽度，效果也是一样的。
7
如图，我们可以看下网页效果，三个表格的宽度都不一样了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：
<table
border="1">
<tr><td
style="width:33%">135</td><td
style="width:33%">2453453</td><td
style="width:33%">53</td></tr>
<tr><td>4</td><td>5</td><td>45654656</td></tr>
</table>
3、浏览器运行index.html页面，此时表格各列的内容虽然长短不一，但是宽度都被固定相等了。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：
<table
border="1">
<tr><td
style="width:33%">135</td><td
style="width:33%">2453453</td><td
style="width:33%">53</td></tr>
<tr><td>4</td><td>5</td><td>45654656</td></tr>
</table>
3、浏览器运行index.html页面，此时表格各列的内容虽然长短不一，但是宽度都被固定相等了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
td
本来就有这个特性。在css文件重定义td，
#div-layer
td
{width:100%;text-align:left;}
其中#div-layer是你表格所在层的名称，让td的内容左对齐，自适应宽度。
本来就有这个特性。在css文件重定义td，
#div-layer
td
{width:100%;text-align:left;}
其中#div-layer是你表格所在层的名称，让td的内容左对齐，自适应宽度。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
