web-dev-qa-db-ja.com

最小の高さと表のセル

私はこれについて少し調査を行いましたが、私よりもずっとよく知っている人たちに尋ねたかっただけです。

高さをテーブルセルに設定すると、min-heightとしてのみ機能するのは本当ですか？これはFirefoxでも同様ですが、他のどのブラウザーで発生しますか？

csscross-browsercellcss-tables
29
That Guy

短い答え：はい。次のコードを読み込もうとしました：

<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 chrome 19.0
    • Firefox 13.0
    • Konqueror 4.8
  • ウィンドウズ
    • Google chrome 19.0
    • Firefox 12.0および13.0
    • Internet Explorer 8
  • Android 2.3.3
23
Zmogas

から： http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height

CSS 2.1では、テーブル、インラインテーブル、テーブルセル、テーブル行、および行グループに対する「min-height」および「max-height」の影響は定義されていません。

から： http://www.w3.org/TR/CSS21/tables.html#height-layout

「table-row」要素のボックスの高さは、ユーザーエージェントが行内のすべてのセルを利用できるようになると計算されます。これは、行の計算された「高さ」、行内の各セルの計算された「高さ」の最大値です。セルに必要な最小の高さ（MIN）。 「テーブル行」の「高さ」値「自動」は、レイアウトに使用される行の高さがMINであることを意味します。 MINは、セルボックスの高さとセルボックスの配置に依存します（行ボックスの高さの計算によく似ています）。 CSS 2.1は、パーセント値を使用して高さが指定されている場合に、テーブルセルとテーブル行の高さを計算する方法を定義していません。 CSS 2.1は、行グループの「高さ」の意味を定義していません。

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

20
Adam Tolley