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

懒人原生纯css实现多行文字均保持垂直居中效果-精品资源网
懒人原生纯css实现多行文字均保持垂直居中效果
此内容为免费资源,请登录后查看
0
免费资源

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

效果描述:
在实际网页中,如何实现如何实现父容器高度固定,文字可能一行,两行或更多行的垂直居中对齐呢?
实现的关键是把文字当图片处理。
用一个span标签将所有的文字封装起来,设置文字与图片相同的display属性(inline-block属性)
然后用处理图片垂直居中的方式处理文字的垂直居中即可。
使用方法:
1、将head中的样式复制到你的样式表中
2、将body中的代码部分拷贝过去即可
© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容