минимальная высота и ячейки таблицы - PullRequest
Новая
       22

минимальная высота и ячейки таблицы

28 голосов
/ 25 марта 2012

Я провел небольшое исследование по этому вопросу, но я просто хотел спросить людей, которые бы знали намного лучше меня.

Правда ли, что установка высоты только для ячейки таблицыдействует как минимальная высота?Я знаю, что это правда в Firefox, но в каких других браузерах это происходит?

Ответы [ 2 ]

23 голосов
/ 13 июня 2012

Краткий ответ: ДА.Я попытался загрузить следующий код: 

<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
  • Windows
    • Google Chrome 19.0
    • Firefox 12.0 и 13.0
    • Internet Explorer 8
  • Android 2.3.3
20 голосов
/ 09 февраля 2013

от: 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

Высота поля элемента «таблица-строка» вычисляется, как только пользовательский агент имеет все доступные ячейки в строке: это максимум вычисленной «высоты» строки, вычисленной «высоты» каждой ячейки в строка и минимальная высота (MIN), требуемая ячейками. Значение 'высота' 'auto' для 'строки таблицы' означает, что высота строки, используемая для макета, равна MIN. MIN зависит от высоты ячеек ячеек и выравнивания ячеек ячеек (очень похоже на вычисление высоты ячеек строки). CSS 2.1 не определяет, как высота ячеек таблицы и строк таблицы рассчитывается, когда их высота указывается с использованием процентных значений. CSS 2.1 не определяет значение «высота» для групп строк.

В CSS 2.1 высота ячейки - это минимальная высота, необходимая для содержимого. Свойство высоты ячейки таблицы может влиять на высоту строки (см. Выше), но не увеличивает высоту поля ячейки.

...