2012-03-25 4 views
27

私はこの研究を少しやったが、私はちょうどI.分の高さと、テーブルのセル

よりもはるかによく知っているだろう人にお聞きしたかった、それが高さを設定することは事実です表のセルは最小高さとしてのみ機能しますか? これはFirefoxでも当てはまりますが、他のどのブラウザでこれが起こりますか?

答えて

21

短い答え:はい。私は、次のコードをロードしようとした:

<table border="0" style="background-color: yellow;"> 
    <tr style="background-color: green;"> 
     <td>row 0 cell 0</td> 
     <td>row 0 cell 1</td> 
    </tr> 
    <tr style="background-color: green;"> 
     <td height="50">row 1 cell 0</td> 
     <td>row 1 cell 1</td> 
    </tr> 
    <tr style="background-color: green;"> 
     <td style="height: 50px;">row 2 cell 0</td> 
     <td>row 2 cell 1</td> 
    </tr> 
</table> 

両方(高さやスタイルは)私が試したブラウザで同じように機能:

  • Linuxの
    • Googleが19.0
    • Firefoxの13.0
    • をクロムKonqueror 4.8
  • Windowsの
    • Google Chromeの19.0
    • のFirefox 12.0および13.0
    • インターネットエクスプローラ8
  • アンドロイド2.3.3
+17

あなたの目標にもよりますが、最小高さを設定したい場合、最小高さの設定は機能しません。 height属性を設定する必要があります。 – mikepr

20

から:http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height CSS 2.1では

、テーブルに対する「min-height」と「max-height」の影響、i nlineテーブル、テーブルセル、テーブル行、および行グループは未定義です。

:ユーザエージェントが使用可能行のすべてのセルを一旦http://www.w3.org/TR/CSS21/tables.html#height-layout

「テーブル列」の高さ要素のボックスが計算される:それは行の計算 'の最大値であります高さ '、行内の各セルの計算された「高さ」、およびセルによって要求される最小の高さ(MIN)を含む。 'table-row'の 'auto'の 'height'値は、レイアウトに使用される行の高さがMINであることを意味します。 MINはセルボックスの高さとセルボックスの配置に依存します(ラインボックスの高さの計算によく似ています)。 CSS 2.1では、高さがパーセント値で指定されている場合、表のセルと表の行の高さを計算する方法は定義されていません。 CSS 2.1では、行グループの「高さ」の意味は定義されていません。

CSS 2.1では、セルボックスの高さがコンテンツに必要な最小の高さです。テーブルセルの 'height'プロパティは、行の高さに影響を与えることができます(上記を参照)。しかし、セルボックスの高さは増加しません。

関連する問題