Question

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

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

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

我正在寻找像http://jsfiddle.net/mark69_fnd/cgwyJ/4/，这样的东西，而不是诉诸宽度css参数。

修改

图表A：

enter image description here

图表B：

enter image description here

编辑2

我不是在寻找固定宽度的桌子。我只想让行跨越单元有效地利用垂直空间。
请不要提供涉及宽度的答案。如果您认为宽度或＆lt; br /＆gt;需要，然后你可以回答“不，这是不可能的”。

编辑3

当然，下面有一个宽度限制，但它不是一个常数。它无法融入CSS。这是因为它是以下参数的函数：

可用垂直空间的高度（N）
给定字体中字符的平均高度（A）
给定文字的长度，当在一行上显示时，再次在给定字体中（B）

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

希望这能澄清一下图片。

Answer 1

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

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

Answer 2

老实说，如果你问我，CSS方式是最好的，但是你总是可以将宽度设置为那个段落单元格，问题是如果文本太多会使得底部行高于其他单元格。< / p>

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>

如何使HTML表格单元格内容占据所有单元格行？

2 个答案: