Css 停止td在相同宽度上下制造其他tds

我怎样才能阻止一个有大量文本的td，使其上面的td长度相同

在本例中，包含“1”的单元格的轮廓显示其宽度与包含“long text here”的单元格的宽度相同。我想要的是，包含“1”的单元格的宽度必须与它所包含的文本的宽度相同

这可以通过CSS实现吗

1.
2.
这里有长文本
.
运输署{
边框：1px纯红；
}​

看看下面的图片，第一个例子是发生了什么，我理解为什么，但是我可以用CSS来代替第二个选项吗

---

​

你不能。它的性质是一个表，使td的宽度相同

---

但是，您可以添加额外的td并使用

colspan=“2”

，但老实说，如果您需要这样做，特别是对于文本，您可能不应该使用表。

您尝试过类似的方法吗

<style type="text/css">
td {
border: 1px solid red;
}​
</style>

<table>
 <tr> 
  <td>1</td>
  <td colspan="2">2</td>
 </tr>
 <tr> 
  <td colspan="2">long text here</td>
  <td>.</td>
 </tr>
</table>

运输署{
边框：1px纯红；
}​
1.
2.
这里有长文本
.

如注释中所述，这不可能使用

-元素。您可以在w3.org网站上阅读更多信息

它说：

这些框的视觉布局由矩形、不规则的行和列网格控制。每个长方体占用一整组网格单元，这些网格单元是根据以下规则确定的

对您的案例来说，有趣的是第5条规则：

[…]因此，每个单元格都是一个矩形框，一个或多个网格单元格宽而高。[……]

---

那么，您希望“longtexthere”单元格做什么？td的栏目将始终保持相同的大小，否则它将不会看起来像一个被问题更新的表格，带有我试图实现的目标的图像。我知道它看起来不像一张桌子，但它能做到吗？感谢这是表的默认设置，即列中的单元格具有相同的宽度（使其成为列）。如果你希望动态行为取决于内容，那么一个表是错误的元素。我知道它是可怕的非语义，但我无法控制标记，表已经被用于布局。这是一个短期的措施，以使网站不那么糟糕。你的第二张图片不再是一个表，因为它是。您可以使用多个单独的表，每个表有一行来实现此结果。。。我在我的代码下面添加了你的代码，似乎不起作用。

<style type="text/css">
td {
border: 1px solid red;
}​
</style>

<table>
 <tr> 
  <td>1</td>
  <td colspan="2">2</td>
 </tr>
 <tr> 
  <td colspan="2">long text here</td>
  <td>.</td>
 </tr>
</table>