懒人原生纯css实现多行文字均保持垂直居中效果

效果描述: 在实际网页中,如何实现如何实现父容器高度固定,文字可能一行,两行或更多行的垂直居中对齐呢? 实现的关键是把文字当图片处理。 用一个span标签将所有的文字封装起来,设置文字与图片相同的display属性(inline-block属性) 然后用处理图片垂直居中的方式处理文字的垂直居中即可。 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可