html - 使用 CSS 拉伸(stretch)单元格

标签 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
谢谢

最佳答案

您可以使用以下脚本来执行此操作:将 class="test"更改为 id="test"&

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

并将 displayResult 调用为:

<body onload="displayResult()" >

关于html - 使用 CSS 拉伸(stretch)单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16435999/

相关文章:

javascript - 如何将图像放在圆形对象上?

html - 如何自动将 HTML 表格单元格内的文本换行?

具有数百万个单元格的 HTML 表格会忽略单元格的固定尺寸

html - 如何在悬停时将 CSS 类应用于动态生成的提交按钮?

css - 为什么在这个html页面中有水平滚动条

html - Material CSS 表 Accordion

css - 表格显示的表格标签不好......但是调查问题怎么样?

javascript - 在网站上显示可控制的3D(obj)模型

html - 为表格的所有行设置固定高度

html - 覆盖 <span> 在 IE6 中不起作用