使用CSS拉伸细胞

时间:2013-05-08 08:31:46

标签: html css html-table

美好的一天 我有这个问题    

<table border="1" width="100%">
<tr>
<td>a</td><td>a</td></tr>
<tr>
<td>a</td><td>a</td></tr>

<tr>
<td colspan="2">b</td>

</tr>
<tr><td class="test">c</td></tr>


</table>

您可以在此处查看http://jsfiddle.net/GfQyg/


我想做的是:
在类“test”中使用css将colspan添加到最后一行,使其适合表格 可能吗 ?

我不想修改html


我只需要修改CSS 谢谢

2 个答案:

答案 0 :(得分:0)

您可以使用CSS3 column-span column-span link

但我建议使用colspan

答案 1 :(得分:0)

您可以使用以下脚本执行此操作:将class =“test”更改为id =“test”&amp;

<script>
function displayResult()
{
 document.getElementById("test").colSpan="2";
}
 </script>

并将displayResult调用为:

<body onload="displayResult()" >