固定高度,单行及多行文字居中
<p class="mulit_line"> <span style="font-size:12px;">多行文字<br />多行文字</span><i> </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