码迷,mamicode.com
首页 > 其他好文 > 详细

line-height 垂直居中

时间:2017-06-19 13:05:21      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:相同   需要   图片   splay   居中   大小   display   isp   实现   

1、单行文字的垂直居中对齐

把line-height值设置为height一样大小的值可以实现单行文字的垂直居中。这句话确实是正确的,但其实也是有问题的。问题在于height,看我的表述:“把line-height设置为您需要的box的大小可以实现单行文字的垂直居中”,差别在于我把height去掉了,这个height是多余的.

2、多行文字的垂直居中

 实现的关键是把文字当图片处理。用一个span标签将所有的文字封装起来,设置文字与图片相同的display属性(inline-block属性),然后用处理图片垂直居中的方式处理文字的垂直居中即可。

3、图片的垂直居中

line-height 垂直居中

标签:相同   需要   图片   splay   居中   大小   display   isp   实现   

原文地址:http://www.cnblogs.com/zyl824/p/7047788.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!