在html中有没有办法让表格中的每一列的宽度都一样

在html中有没有办法让表格中的每一列的宽度都一样,第1张

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>的数目等于表格的列数。

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

第一步,打开dreamweaver软件新建一个表格,如图,使用<table></table>标签对。

接着就是新建一行,使用<tr></tr>标签对,然后使用<td></td>标签对新建三个单元格。

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

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

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

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

7

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6223798.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存