1

如何停止带有大量文本的 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 来代替第二个选项吗？

​<img src="https://i.stack.imgur.com/lJoaJ.jpg" alt="在此处输入图片描述">

4

3 回答 3

1

你不能。使 td 具有相同宽度的表格的性质。

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

于 2012-12-12T14:54:52.637 回答
1

你有没有尝试过这样的事情

<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>
于 2012-12-12T14:57:40.820 回答
0

<table>如评论中所述，使用-element是不可能的。您可以在 w3.org 上阅读更多相关信息：“ 17.5 表格内容的可视化布局”。

它说：

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

您的案例有趣的是第 5 条规则：

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

于 2012-12-12T15:17:04.113 回答