talbe里第一行4个td,第二行6个td的效果怎么实现？

[胡辣汤的诱惑]

[code=java]<table
class="table table-hover table-bordered results table-condensed table-striped"
width="100%">
<tbody>
<tr>
<td style="width:25%">1</td>
<td style="width:25%">2</td>
<td style="width:25%">3</td>
<td style="width:25%">4</td>
</tr>
<tr>
<td style="width:16.66%">1</td>
<td style="width:16.66%">2</td>
<td style="width:16.66%">3</td>
<td style="width:16.66%">4</td>
<td style="width:16.66%">5</td>
<td style="width:16.66%">6</td>
</tr>/code]

代码如上我想实现的是这个第一个tr里4个，第二个tr里6个td的效果。第一行每个占25%的空间。第二行每个占6分之1的空间。但是效果不是想要的

[usecf]

<tr> <td style="width:25%" colspan=3>1</td> <td style="width:25%" colspan=3>2</td> <td style="width:25%" colspan=3>3</td> <td style="width:25%" colspan=3>4</td> </tr> <tr> <td style="width:16.66%" colspan=2>1</td> <td style="width:16.66%" colspan=2>2</td> <td style="width:16.66%" colspan=2>3</td> <td style="width:16.66%" colspan=2>4</td> <td style="width:16.66%" colspan=2>5</td> <td>6</td> </tr>

[usecf]

将你这个改成下面的 <td style="width:25%">4</td> <td style="width:25%" colspan="3">4</td>

[胡辣汤的诱惑]

[胡辣汤的诱惑]

引用 1 楼 usecf 的回复:

将你这个改成下面的 <td style="width:25%">4</td> <td style="width:25%" colspan="3">4</td>

这个办法还没没有用的

[胡辣汤的诱惑]

新人第一次发帖，传不了图片。愁死我了

[usecf]

关键不知道你到底想实现什么效果

[胡辣汤的诱惑]

引用 5 楼 usecf 的回复:

关键不知道你到底想实现什么效果

不知道能看明白吗。就是上面这行有4个td，每个td的宽度都是一样。
下面第二行有6个td，每个宽度也都是一样的，可以占满整个表。

[hfhan_872914334]

借用bootstrap栅格布局思想，取4与6的公约数12，上面四个每个合并三个单元格，下面六个每个合并两个单元格。