-2

我有这张桌子 - http://jsfiddle.net/mark69_fnd/cgwyJ/

注意，最后一列 - 注释，它跨越所有行。

如何使其内容占据所有行，而不是使表格成为页面的宽度？

我正在寻找类似http://jsfiddle.net/mark69_fnd/cgwyJ/4/的东西，只是不使用宽度 css 参数。

编辑

展品 A：

在此处输入图像描述

展品 B：

在此处输入图像描述

编辑 2

  1. 我不是在寻找固定宽度的桌子。我只希望跨行单元格有效地利用垂直空间。
  2. 请不要提供涉及宽度的答案。如果您认为需要 width 或 <br/> ，那么您可以回答“不，那是不可能的”。

编辑 3

好的，围绕我的问题有很多困惑。可能是因为没有明确表述。

当然，在下面的某个地方存在宽度限制，但它不是一个常数。它不能被烘焙到 CSS 中。这是因为它是以下参数的函数：

  • 可用垂直空间的高度 ( N)
  • 给定字体中字符的平均高度( A)
  • 给定文本的长度，当显示在单行时，再次以给定字体( B)

给定这些参数，所需的宽度为A * B / N。所以，有一种明确定义的方式来表达我想要的东西，但你不能用恒定的宽度来表达它。所以，我的问题是——有没有办法使用其他一些属性/属性以声明方式（即在 HTML/CSS 中）实现这一点？

希望这能澄清一下情况。

4

2 回答 2

0

要么<br/>是段落，要么只是诉诸width: ;CSS 参数，你为什么不想这样做？

但是换行（<br/>）这一切都是我能想到的唯一其他选择。

于 2012-10-17T17:42:42.700 回答
0

老实说，如果您问我，CSS 方式是最好的，但您始终可以为该段落单元格设置宽度，问题是如果文本太多，它会使底行比其他行高。

http://jsfiddle.net/calder12/cgwyJ/6/

<html>
<body>
<table>
<thead>
<tr>
  <th>Browser</th>
  <th>http --&gt; http</th>
  <th>http --&gt; https</th>
  <th>Notes</th>  
</tr>
</thead>
<tbody>
<tr>
  <td>Chrome</td>
  <td>CORS</td>
  <td>CORS (*)</td>
  <td rowspan="3" width="280">If the SSL certificate validation fails, neither CORS nor JSONP will work. However, there is a workaround. The respective request .
 </td>
 </tr>
 <tr>
  <td>Firefox</td>
  <td>CORS</td>
  <td>CORS (*)</td>
  </tr>
于 2012-10-17T17:48:32.200 回答