css - table 2行5列合并
本文介绍了css - table 2行5列合并的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
在2行5列的表格中，我在两行都使用了列合并导致了如图情况：
而我想要的结果是这样：
问题就是我要加一行<tr>才能出这个效果
<pre>
<table class="case-content">
<tr>
<td colspan="2" rowspan="2"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</pre>想问有没有办法在2列的情况下出现上面的结果
解决方案
这个要通知指定 td 的宽度来实现，如下：
<table class="case-content" border="1">
<tr>
<td width="40%" colspan="2" rowspan="2"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="2"> </td>
</tr>
</table>这篇关于css - table 2行5列合并的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
