固定高度,单行及多行文字居中

<p class="mulit_line">
    <span style="font-size:12px;">多行文字<br />多行文字</span><i>&nbsp;</i>
</p>

css代码

<style>
*{ margin:0; padding:0;}
.mulit_line{line-height:150px; border:1px dashed #cccccc; padding-left:5px;}
.mulit_line span{ display:inline-block; line-height:1.4em; vertical-align:middle;}
.mulit_line i{display:inline-block; vertical-align:middle;}
</style>

这个是参考张鑫旭的文章写的 ,在他的基础上改进一下,站在巨人的肩膀,哈哈。

他的原文地址,大家也可以看下。http://www.zhangxinxu.com/wordpress/?p=384

原文地址:https://www.cnblogs.com/jine/p/2683195.html