博客搬家了，欢迎大家关注，https://bobjin.com
html文本垂直居中对齐，代码如下：
<div id="box" style="height:100px; line-height:100px; border:1px solid #cccccc;margin:50px;">
<span style="vertical-align:middle;display:inline-block;line-height:1.2em;">
行1<br>
行2<br>
行3
</span>
<span>另一个span</span>
</div>
实现原理：
1、首先设置div元素的高与行高为一样的值，这样在块内的行内元素就会垂直居中
2、设置span元素的显示，修改display为line-block,使其成为行内块元素
3、设置span的vertical-align为middle,以垂直居中，设置行高为1.2em，以改变继承的行高
博客搬家了，欢迎大家关注，https://bobjin.com