Member 12656556 Ответов: 2

В div min-height не берите для отображения: table-cell .it only take height. why?

Я даю min-height и display:table-cell для div, но min-height не появляется. пожалуйста, дайте решение.

Что я уже пробовал:

.данные{
дисплей: таблица-ячейка;
вертикальное выравнивание: среднее;
минимальная высота: 145px;
}

0x01AA

А вы пробовали: css min-height не работает - Google-Suche[^]

jgakenhe

Это сработало для меня. Какой браузер вы используете? Если вы используете IE в режиме совместимости или IE6, он, вероятно, не будет работать, потому что старые версии IE не любят минимальную высоту.

2 Ответов

Рейтинг:
6

Richard Deeming

min-height-CSS | MDN[^]:
[2] из-за ошибки (ошибка 307866[^]) Firefox не справляется min-height на элементах с display: table-*.

Эта демонстрация[^] работает в Edge и IE11, но не работает в Firefox v55, Chrome v60 или Opera v47.

Применение min-height к дочернему элементу работает, но не уважает vertical-align установка: Edit fiddle - JSFiddle[^]

Установка height на сотовом, а не на min-height, кажется, работает: Edit fiddle - JSFiddle[^]

Высота элемента по-прежнему будет увеличиваться, чтобы соответствовать содержимому: Edit fiddle - JSFiddle[^]

Рейтинг:
0

Thomas Daniels

min-height не работает с элементами таблицы, и это включает в себя td Причина в том, что ячейка таблицы всегда будет растягиваться при необходимости, так что height на самом деле это эквивалент min-height для ячейки таблицы. И table-cell заставляет элемент вести себя как td, так что имеет смысл, что то же самое имеет значение и здесь.

Richard Deeming

Ты меня опередил! :)

Thomas Daniels

:) Также +5 для вашей справки! Я этого не нашел