为了账号安全,请及时绑定邮箱和手机立即绑定

关于line-height的疑问

https://img1.sycdn.imooc.com//5d0afe1c000179a509650459.jpg

然后对比一下位置放在不同地方的效果:

https://img1.sycdn.imooc.com//5d0afe480001e37517630526.jpg

代码改变一下位置:

https://img1.sycdn.imooc.com//5d0afe990001251709050833.jpg

https://img1.sycdn.imooc.com//5d0afe7d0001a2e118550542.jpg

正在回答

1 回答

这个原因是inline-block  和  text-align:center 造成的  不是line-height    

line-height  指的是让行内文字相对行垂直偏移   属性值如果和行高相同则是垂直居中

inline-block 指的是把块级元素变成行内元素

text-align:center  指的是让行内元素居中,相对父级元素居中,你把他放到子元素里面了这个属性就失效了

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JS+CSS3实现带预览图幻灯片效果
  • 参与学习       53750    人
  • 解答问题       279    个

同样的幻灯片,不一样的切换,学会实现思路,操作很简单

进入课程

关于line-height的疑问

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号