-2

私はこのテーブルを持っています - http://jsfiddle.net/mark69_fnd/cgwyJ/

最後の列に注意してください。すべての行にまたがっています。

テーブルをページの幅にするのではなく、コンテンツがすべての行を占めるようにするにはどうすればよいですか?

width css パラメータに頼らずにhttp://jsfiddle.net/mark69_fnd/cgwyJ/4/のようなものを探しています。

編集

展示物A:

ここに画像の説明を入力

展示物 B:

ここに画像の説明を入力

編集2

  1. 固定幅のテーブルを探しているわけではありません。行にまたがるセルで垂直方向のスペースを効率的に利用したいだけです。
  2. 幅に関する回答はしないでください。width または <br/> のいずれかが必要だと思われる場合は、「いいえ、それは不可能です」と答えることができます。

編集3

OK、私の質問にはかなりの混乱があります。おそらく、明確に定式化されていないためです。

もちろん、その下のどこかに幅の制限が関係していますが、一定ではありません。CSS に焼き付けることはできません。これは、次のパラメータの関数であるためです。

  • 使用可能な垂直スペースの高さ ( N)
  • 指定されたフォントの文字の平均高さ( A)
  • 指定されたフォント( B)で1 行に表示された場合の指定されたテキストの長さ

これらのパラメータを考えると、必要な幅はA * B / Nです。だから、私が望むものを定式化するための明確な方法がありますが、それを一定の幅で表現することはできません. それで、私の質問はこれです - 他の属性/プロパティを使用して宣言的に（つまり、HTML/CSSで）これを達成する手段はありますか?

これにより、画像が少し明確になることを願っています。

4

2 に答える 2

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 に答える
0

パラグラフ<br/>または単に CSS パラメータに頼る必要width: ;がありますが、それをしたくないのはなぜですか?

しかし、改行（<br/>）それはすべて、私が考えることができる唯一の他のオプションです。

于 2012-10-17T17:42:42.700 に答える