使用CSS合并现有列

我有一张桌子。该表是由一些服务器端代码生成的，我不能更改这些代码，但我可以在样式中添加一些CSS

<table>
<tbody>
<tr>
 <td>row 1 column 1</td>
 <td>row 1 column 2</td>

</tr>
    </tbody>
</table>

获得如下输出

| row 1 column2  |
|                |  

---

尝试将元素显示为块元素，如下所示：

table, tbody, tr, td {
    display: block;
}

---

这在CSS中是不可能的，即使你说它们是块级元素

它们仍然是两个独立的元素，HTML将以同样的方式呈现它们

如下图所示：

td{
边框：1px纯黑；
}
.街区*{
显示：块；
}
1.边界坍塌{
边界塌陷：塌陷；
保证金：0；
}

第1行第1列
第1行第2列
第1行第1列
第1行第2列
第1行第1列
第1行第2列

能否显示有关所用HTML的示例输出？您可能正在查找colspan属性？这没有多大意义。。。只需在相同的

td

中写入所有内容，可能正如您的示例所示，将两列显示为一列，但如果没有任何样式，则很难区分两列。如果我为第二列设置colspan，即colspan:2，并为第一列设置display:none，则解决方案对我有效。有没有一种方法可以添加一种方法来使用CSS使用content属性设置colspan。遗憾的是，colspan是一个仅限于html的元素。如果你看看我答案的底部，我已经想出了另一个选择。

table, tbody, tr, td {
    display: block;
}