我尝试在不使用 Flexbox 的情况下垂直对齐内容，因为我们的用例存在一些问题，所以我尝试使用垂直对齐的表格来实现，但问题是里面的内容没有填充剩余的高度，是否可以通过CSS以某种方式做到这一点？

https://jsfiddle.net/s38haqm5/25/

  
    

      

        

          Hello world
        
      
      

        Cell2
      
    

  




.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
}