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

html-css014

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

第一个问题:你把<th>改成<td>试试,同时boder的值可以设为0.

第二个问题:把中间一行单元格合并为一个单元格,然后在里面嵌套了个新的一行四列表格,这样你怎么调整这四列的宽度也不影响上下两行中的单元格了。

最后建议:页面布局最好不要用表格,目前主流是DIV,至于为什么,百度一下就知道了。

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

<html xmlns="http://www.dayinmandarin.com">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>表格列宽</title>

</head>

<body>

<table style="border:1px solid #000width:500pxheight:400px">

<tr><td width="300px"></td><td width="200px"></td></tr>

<tr><td></td><td></td></tr>

</table>

</body>

</html>