Pastikan bekas sel jadual memenuhi keseluruhan ketinggian induk
Saya cuba menjajarkan kandungan secara menegak tanpa menggunakan Flexbox, kerana terdapat beberapa masalah dengan kes penggunaan kami, jadi saya cuba mencapainya menggunakan jadual yang dijajarkan secara menegak, tetapi masalahnya ialah kandungan di dalamnya tidak memenuhi ketinggian yang tinggal, adalah ia mungkin melalui CSS ke Beberapa cara untuk melakukan ini?
https://jsfiddle.net/s38haqm5/25/
<html>
<body>
<div class="row">
<div class="cell">
<div class="container">
Hello world
</div>
</div>
<div class="cella">
Cell2
</div>
</div>
</body>
</html>
.container {
background-color: red;
height: 100%;
}
.cell {
display: table-cell;
vertical-align: middle;
border: 1px solid black;
min-width: 100px;
max-width: 100px;
min-height: auto;
max-height: none;
}
.cella {
display: table-cell;
vertical-align: middle;
border: 1px solid black;
min-width: 100px;
max-width: 100px;
height: 30px;
max-height: none;
}
.row {
display: table
}