div 内元素垂直居中

<div id="div1" style="display:flex;align-items:center;">

<span id="span1"></span>

<span id="span2"></span>

</div>

id 为div1里面的元素会垂直居中。

关键是：display:flex;　　align-items:center;  这两个样式。