Html css中的colspan等价？

第一个表行如下所示：

....

<tr>
   <th colspan="2">Add a category</th>
</tr>

...

---

我试过玩

float

、

padding

和

width

，但没有成功。在纯CSS中有什么方法可以做到这一点吗？

据我所知，在纯CSS中没有任何方法可以做到这一点，因为

colspan

实际上更多的是布局而不是样式

---

根据，它似乎在过去的一些浏览器上得到了支持，但在今天似乎确实不被推荐和支持。

这个问题有很多答案：例如，您可以检查所描述的解决方案。 它涉及到使用列span css属性，但正如前面提到的，它在旧浏览器上不起作用

column-span: 4; /* W3C */
-webkit-column-span: 4; /* Safari & Chrome */
-moz-column-span: 4; /* Firefox */
-ms-column-span: 4; /* Internet Explorer */
-o-column-span: 4; /* Opera */

---

你可以找到关于这一点的讨论。我同意colspan更多的是结构而不是外观，因此应该保留在HTML中，但这是个人观点。在同一个线程上，如果愿意，可以使用div找到解决方案。

在示例中，这些设置是什么，它们将如何解决问题？此属性超出表的范围，因为它用于列布局：请注意，问题中的标记无效；显然，

tr

与

th

在一起是指。根据HTML规范，这是不够的，因为

th

是同一列或行中单元格的标题，而不是其后的行的标题<应使用code>td。应该使用

colspan

HTML属性，因为这是关于表的结构（一个单元格跨越多个插槽）。

column-span: 4; /* W3C */
-webkit-column-span: 4; /* Safari & Chrome */
-moz-column-span: 4; /* Firefox */
-ms-column-span: 4; /* Internet Explorer */
-o-column-span: 4; /* Opera */