CSS - 各种的垂直居中问题

在90%以上情况下我们希望文本对齐，包括垂直对齐（就是居中，居上，居下），这里我们重点讨论下居中。外层div假设有个高度48px。

第一种情况：

<div class="div-verticle">
  <div class="subdiv-verticle">div</div>
</div>

div里面包div，如何使子div剧中，只要给子div一个line-height: 48px;即可。

第二种情况：

<div class="div-verticle">
  <span class="subdiv-verticle">div</span>
</div>

跟第一种情况解决方案一样。