4-6 案例应用 为什么设置padding-top=60 前端课程居中显示怎么算出来的?

4-6 案例应用 为什么设置padding-top=60 前端课程居中显示怎么算出来的?

正在回答

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

1回答

你好同学 ,这里同学换一个思维去计算 , 盒子整体是150px  , 减去p文字的高度26px , 剩余高度124px就是上下空余的间距 , 然后除以2为62px 就是设置的padding-top的值 . 不过这里老师可能因为2px细微的差别 , 就直接设置了60px  , 也是可以的 . 

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

祝学习愉快 ,望采纳 .

  • Alvin24 提问者 #1
    你好!p元素设置的字体大小不是20px吗?怎么变成26px了 还有两像素是应该有上下一像素的border边框吧??
    2019-01-18 15:13:13
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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