<table>
<thead>
<th colspan="4">Liquor Store Blues</th>
</thead>
<tbody>
<tr>
<td colspan="4">Meow</td>
</tr>
<tr>
<td colspan="2">Meow</td>
<td colspan="2">Meow</td>
</tr>
<tr>
<td colspan="1.33">Meow</td>
<td colspan="1.33">Meow</td>
<td colspan="1.33">Meow</td>
</tr>
<tr>
<td>Meow</td>
<td>Meow</td>
<td>Meow</td>
<td>Meow</td>
</tr>
</tbody>
</table>
我在这里有一张图片:http://i.imgur.com/myKN33l.png
想要将第4行中的每个td
colspan
设置为1.44
,但随后我才知道colspan
不会取十进制数字。那我该怎么做?我应该使用CSS吗?如果是这样,怎么样?
答案 0 :(得分:4)
由于你的第4行有3个元素,你的表实际上有12列,而不是4列。
http://cssdeck.com/labs/9lzcwolh
td {
border: 1px solid;
}
<table>
<thead>
<th colspan="12">Liquor Store Blues</th>
</thead>
<tbody>
<tr><td colspan="12">A1</td> </tr>
<tr><td colspan="6">B1</td><td colspan="6">B2</td></tr>
<tr><td colspan="4">C1</td><td colspan="4">C2</td><td colspan="4">C3</td></tr>
<tr><td colspan="3">D1</td> <td colspan="3">D2</td> <td colspan="3">D3</td><td colspan="3">D4</td></tr>
</tbody>
</table>
答案 1 :(得分:-2)
对于该行,您可以使用嵌套表格使用以下HTML:
<tr><td colspan="4">
<table>
<tr>
<td>Meow</td>
<td>Meow</td>
<td>Meow</td>
</tr></table>
</td></tr>