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

课程

/前端开发

/HTML/CSS

/CSS深入理解之padding

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

为什么需要margin-left：12px？分割线
08:04
荒野上摔倒

2016-10-09

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

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

正在回答

2 回答

浅尝辄止123 回答被采纳 +3 积分
2016-10-09


（1）padding设置了三个值 分别代表上 左右 下 边距像素;

左右边距像素之和为12px, 设置border-left 属性后，分割线处于padding盒子最左侧；

所以用margin-left属性，使分割线距左侧有12个像素的距离，从而达到处于中间的目的。

（2）不可以使用margin左右各6px,

加了padding属性后，分割线距左侧0像素，距右侧12个像素；

加上margin属性后，padding盒子的左右 距离外围各加了6个像素，就是说分割线距离左侧有6像素，距离右侧有18个像素，所以不会处于中间。


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

慕粉4321385

大兄弟 我一开始设置border left 的时候 已经在退出登陆的左边了 。。。。
2016-11-07 回复 有任何疑惑可以回复我~
#2

慕粉4321385

接着我上面的回复 样式 border-left: 2px solid ; padding:13px 6px 1px; font-size: 0; 我只需要这样打就已经在中间了 标签 <body> 注册<span></span>退出登录 </body>
2016-11-07 回复 有任何疑惑可以回复我~
#3

浅尝辄止123 回复 慕粉4321385

这样的话 应该是受到其他span标签的干扰，可以重新单独写一个页面，实现效果。 敢肯定你的写法是实现不了竖线在中间的功能的。 建议温习margin 、padding基础篇，加深理解。
2016-11-10 回复 有任何疑惑可以回复我~
#4

慕粉4321385 回复 浅尝辄止123

。。。。。只有一个 span呀。。。 没有其他标签。。 但是我之后加了个div的包裹 就需要margin了
2016-11-10 回复 有任何疑惑可以回复我~
#5

浅尝辄止123 回复 慕粉4321385

可以把你代码发给我 看一下
2016-11-10 回复 有任何疑惑可以回复我~
#6

慕粉4321385 回复 浅尝辄止123

就是 我上面打的。。。 原封不动 你看我上面的回复
2016-11-10 回复 有任何疑惑可以回复我~
#7

浅尝辄止123 回复 慕粉4321385

border-left: 2px solid ; padding:13px 6px 1px; font-size: 0; 注册<span></span>退出登录 这样写 代码效果就是 注册| 退出登录 你写出来怎么不一样 晕死
2016-11-11 回复 有任何疑惑可以回复我~
查看4条回复
qq_小姑娘就是只小鱼_03916433
2016-10-09

margin-left:12px;是设置了竖线到左边文字的距离

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

举报

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

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

进入课程

本课相似问答

5 回答配合margin实现等高布局是怎么实现的？

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

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

1 回答看张老师01:23分的代码关于border-top的属性设置

1 回答box-sizing为border-box
搜索更多本课相关问答

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

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