没有明白,为什么height是90,padding-top为60。它就居中了?

没有明白,为什么height是90,padding-top为60。它就居中了?

正在回答 回答被采纳积分+1

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

1回答
好帮手慕慕子 2020-05-01 16:43:28

同学你好,这里文字严格来说没有垂直居中显示,60px以及90px都是一个估值。

p标签高度为26px:

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

div高度为90px,那么剩余空间就是64px,视频中给div设置了padding-top为60px之后,将div高度撑大,看起来是居中显示的,但是还差4px。

这里如果想要实现垂直居中显示,可以用行高完成,如下:

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

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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