找了大半個小時,網上都是千變一律的添加<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加了table-layout: fixed;這個屬性,要去掉
浙公網安備 33010602011771號