问答详情
源自:2-2 下面编写倒影

关于line-height的疑问

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

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

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

代码改变一下位置:

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

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

提问者:qq_初心_111 2019-06-20 11:33

个回答

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

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

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

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

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