找了大半个小时,网上都是千变一律的添加<colgroup>标签,但是和我试了,在我这里没效果。
无意中搜索colspan标签,来到w3c,查看colspan效果,发现这里表头合并了,但是内容的td宽度并没有失效。
仔细看了下发现问题所在
w3c代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3C</title>
</head>
<body>
<table border="1">
<tr>
<th colspan="2">Monthly Savings</th>
</tr>
<tr>
<td width="200">January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
</body>
</html>
我的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>xxxxx</title>
</head>
<body>
<table border="1">
<thead>
<tr>
<th colspan="2">Monthly Savings</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td width="200">February</td>
<td>$80</td>
</tr>
</tbody>
</table>
</body>
</html>
仔细看,唯一的区别就是我的代码多了<thead>和<tbody>标签,去掉了<thead>标签,td的宽度就生效了,至于到底什么原因就不清楚了
解决table表头加了colspan,导致td设置宽度失效问题
原文:https://www.cnblogs.com/gongzi/p/12616504.html