[2] Due to bug (bug 307866[^]) Firefox doesn't handle min-height
on elements with display: table-*
.
This demo[
^] works in Edge and IE11, but it doesn't work in Firefox v55, Chrome v60, or Opera v47.
Applying the
min-height
to a child element works, but doesn't respect the
vertical-align
setting:
Edit fiddle - JSFiddle[
^]
Setting the
height
on the cell, instead of the
min-height
, seems to work:
Edit fiddle - JSFiddle[
^]
The element's height will still increase to fit the content:
Edit fiddle - JSFiddle[
^]