老师。在这一节里面,视频里给list1类设置上内边距的时候,为什么要设置60px才能实现居中效果呀?

老师。在这一节里面,视频里给list1类设置上内边距的时候,为什么要设置60px才能实现居中效果呀?

老师。在这一节里面,视频里给list1类设置上内边距的时候,为什么要设置60px才能实现居中效果呀?

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

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

2回答
好帮手慕码 2019-04-12 13:46:42

同学你好!我给文字设置40px大小,

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

这里受p标签的行距的影响。如果你想清除,可以使用lint-height:40px的方法.

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

  • 提问者 慕前端5312453 #1
    哦哦,就是p标签的高度受到了上下内边距的影响嘛?lint-height是line-height吗?
    2019-04-12 14:37:33
  • 好帮手慕码 回复 提问者 慕前端5312453 #2
    同学你好!抱歉老师这里打错了单词,就是line-height行高。这里p标签不是受到内外边距的影响,而是 行距 。文字自带行间距。你可以敲代码试试看~ 祝学习愉快~欢迎采纳~
    2019-04-12 14:49:03
好帮手慕码 2019-04-12 09:46:34

同学你好!

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

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

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

(这里要注意:设置了p标签中文字大小为20px,不等同于p标签的高度为20px)

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

  • 提问者 慕前端5312453 #1
    p标签中文字大小为20px,不等同于p标签的高度为20px。是因为p标签的高度还受内边距和外边距的影响吗?
    2019-04-12 13:31:43
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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