使用 CSS 拉伸单元格答案

【问题标题】：stretch cell using CSS使用 CSS 拉伸单元格
【发布时间】：2013-05-08 17:12:03
【问题描述】：

美好的一天
我有这个问题

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

【问题讨论】：

为什么不使用 colspan？有效吗？
只是出于好奇，既然 td 已经为您提供了该选项，您为什么要通过 css 进行 colspan 呢？我真的无法想象你这样做的目的。编辑：同意@Aquillo 您可以检查 td 作为 colspan 的小提琴以及您可以获得的明显输出。 jsfiddle.net/GfQyg/1
如果无法更改 html 则使用 javascript 添加 colspan。

标签： html css html-table

【解决方案1】：

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

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

并将 displayResult 称为：

<body onload="displayResult()" >

【讨论】：

【解决方案2】：

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

但我建议使用colspan。

【讨论】：

你确定吗？正如我看到您与 NO FIREFOX COMPATIBILITY 的链接以及表的理想 colspan 解决方案一样。你能做一个小提琴并将你的研究链接发给我吗？我很想知道您是如何处理与 user1000744 发布的相同问题的。 - @新手
我提供了一个链接，你可以在那里测试。
我已经根据行背景完成了所有更改，但是在 chrome 中，这个背景在每个单元格中重复，所以我移动到单元格背景，但现在我必须将每个单元格拉伸到 colspan2跨度>