在没有flex的另一个div内垂直对齐div

Question

如何使用property在另一个div中垂直对齐div vertical-align:middle。

这是我的代码。

.hello {
  height: 100px;
  width: 100px;
  background-color: black;
  vertical-align: middle;
  display: inline-block;
  color: white;
}
.parent {
  height: 400px;
  width: 400px;
  border: 1px solid red;
  display: table-cell;
}

<div class ="parent ">
  <div class="hello">
    hello
  </div>
</div>    

我参考并发现给父表单元属性和子级内联块工作，但仍然没有。

HTML

Answer 1

干得好。

代码片段：

.hello {
  height: 100px;
  width: 100px;
  background-color: black;
  vertical-align: middle;
  display: inline-block;
  color: white;
}

.parent {
  height: 400px;
  width: 400px;
  border: 1px solid red;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

<div class="parent">
  <div class="hello">
    hello
  </div>
</div>