关于父元素设置line-height,子元素有vertical-align的问题

关于父元素设置line-height,子元素有vertical-align的问题

为什么父元素设置了line-height:1.5em,然后子元素设置的vertical-align为100%,那就是移动了1.5em,这里不太明白为什么移动了1.5em,请老师讲解

http://img1.sycdn.imooc.com//climg/5e1985c609a4613306010123.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,当vertical-align属性值为%的时候会 使用 "line-height" 属性的百分比值来排列此元素 。

例如vertical-align值设置为100%,那么值和行高一样也是1.5em=24px;值为50%,也就是行高值的一半1.5em*50%=12px 。了解这种计算方式就好。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师