垂直居中

• table-cell 显示行为与 一样。 垂直居中 https://codepen.io/twhy/pen/rwejpZ

  



.box {
  width: 100px;
  height: 100px;
  margin: auto;
  background: slateblue;
}

.cell {
  width: 200px;
  height: 200px;
  display: table-cell;
  vertical-align: middle;
  background: deepskyblue;
}