css - 停止 td 使其他 tds 高于和低于相同的宽度

Question

如何停止带有大量文本的 td，使其上方的 td 长度相同？

在此示例中，包含“1”的单元格的轮廓显示与包含“此处为长文本”的单元格一样宽。我想要的是包含“1”的单元格的宽度只需要适合它包含的文本。

这可以用 CSS 完成吗？

http://jsfiddle.net/r7yXD/1/

<table>
 <tr> 
  <td>1</tRund>
  <td>2</td>
 </tr>
 <tr> 
  <td>long text here</td>
  <td>.</td>
 </tr>
</table>


td {
border: 1px solid red;
}​

所以看看下面的图片，第一个例子是发生了什么，我明白为什么，但是我可以让第二个选项发生而不是用 CSS 吗？

Answer 1

你不能。表格的本质是让 td 的宽度相同。

不过，您可以添加额外的 td 并使用 colspan="2"，但老实说，如果您需要这样做，尤其是对于文本，您可能不应该使用表格.