关于line-height的疑问

来源:2-2 下面编写倒影

qq_初心_111

2019-06-20 11:33

https://img3.mukewang.com/5d0afe1c000179a509650459.jpg

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

https://img4.mukewang.com/5d0afe480001e37517630526.jpg

代码改变一下位置:

https://img3.mukewang.com/5d0afe990001251709050833.jpg

https://img2.mukewang.com/5d0afe7d0001a2e118550542.jpg

写回答 关注

1回答

  • 慕标9532943
    2019-07-05 12:04:41

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

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

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

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

JS+CSS3实现带预览图幻灯片效果

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

53759 学习 · 265 问题

查看课程

相似问题