vertical-align的百分比值是基于font-size还是line-height?

vertical-align的百分比值是基于font-size还是line-height?

如题

为什么line-height改成1.5em,vertical-align:-100%会变化呢?

正在回答

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

1回答

和line-height有关,如果vertical-align的值为百分比,就是元素相对于基线向下或向上偏移该百分比乘line-height属性个像素,在视频中也就是:

行高设置1.5em,em单位是根据元素设置的字体大小来计算的,字体的大小为20px,所以行高就是30px,那么vertical-align的值就是30*100%,也就是30px,-100%也就是以基线为准向下移动30px。

自己可以测试理解下,祝学习愉快!

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

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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