为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/CSS深入理解之padding

想问一下最后老师说的那个控制 中间竖线的长短

注册<span></span>退出登录

span{padding:16px 6px 1px;margin-left:12px;border-left:2px solid;font-size:0}

margin-left应该是分割线距离两边文字的距离吧？就是左边加右边的距离

16px是分割线距离上 6px左右 1px下的距离？ 距离下面的距离跟上面的距离怎么差那么多？一个是16px 一个是1px？ 为什么要用border-left(这个是啥？2px solid我理解的是边框···（隐形的么？）font-size：0 ？ 明明是分割线为啥还有fontsize？    

archery

2016-11-01

源自：CSS深入理解之padding  1-1

关注问题 我要回答
2165
操作
收起

正在回答

3 回答

兼容并包
2017-12-12

为什么这么说，是因为这个兼容性不好，我做了这么多网页都没用这个方法

0 回复 有任何疑惑可以回复我~
收起回答
#1

慕运维0461344

那你是用什么方法呢
2018-08-02 回复 有任何疑惑可以回复我~
_仰望星空
2016-11-01

span{padding:16px 6px 1px;margin-left:12px;border-left:2px solid;font-size:0}

padding：填充距离上16px，右6px，下1px，左6px；margin-left：是左边界12px；border-left：是做边框2px，实线；font-size是span标签标记的文字字号为0，即隐藏文字。

0 回复 有任何疑惑可以回复我~
收起回答
#1

行道树

想问下为什么padding-top要是16px,而padding-bottom是1px?
2017-08-15 回复 有任何疑惑可以回复我~
#2

慕运维0461344 回复 行道树

就是让span往上撑开16px，往下撑开1px,往下撑开效果不好看啊，我理解为padding由一个原点撑开，可能原点的垂直方向是在下方而不是在中心点，所以不往下撑开那么多
2018-08-02 回复 有任何疑惑可以回复我~
_仰望星空
2016-11-01

span{padding:16px 6px 1px;margin-left:12px;border-left:2px solid;font-size:0}

padding：填充距离上16px，右6px，下1px，左6px；margin-left：是左边界12px；border-left：是做边框2px，实线；font-size是span标签标记的文字字号为0，即隐藏文字。

0 回复 有任何疑惑可以回复我~
收起回答
#1

archery 提问者

既然是隐藏文字的话，那不打这个font-size：0可以么？
2016-11-01 回复 有任何疑惑可以回复我~
#2

archery 提问者

老实说的那个我没有理解，可以解释一下么？
2016-11-01 回复 有任何疑惑可以回复我~
#3

_仰望星空 回复 archery 提问者

不隐藏的话在高度上会有填充，就相当于有一行“隐形文字”，高度为系统默认值，设置font-size为0就是去掉这行
2016-11-01 回复 有任何疑惑可以回复我~
#4

慕粉4321385 回复 _仰望星空

关于那个 font size 0 我可以理解为 设置了这个 他的高就只有那个竖线 而没有默认的字体高
2016-11-07 回复 有任何疑惑可以回复我~
#5

慕粉4321385 回复 _仰望星空

可以这么理解吗、、
2016-11-07 回复 有任何疑惑可以回复我~
#6

qq_大雄BLACKIE_03832351 回复 _仰望星空

没有字也会在高度上有填充吗
2017-01-13 回复 有任何疑惑可以回复我~
查看3条回复

举报

0/150
提交
取消
CSS深入理解之padding
  • 参与学习       52482    人
  • 解答问题       56    个

本css视频教程中，将深入介绍CSS中padding属性的特点，常用特性

进入课程

本课相似问答

1 回答最后那个搞错了吧

2 回答为什么需要margin-left：12px？出现中间的分割线。可不可以margin左右各6px，然后再用border出现中间的分割线

1 回答li中使用margin-bottom:-1px并不能使最后一个li的下边框被覆盖掉，求解决

4 回答想提交一个问题

2 回答最后提到的label是如何实现的？
搜索更多本课相关问答

想问一下最后老师说的那个控制 中间竖线的长短

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信