                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之padding

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

为什么需要margin-left：12px？分割线

08:04

荒野上摔倒

2016-10-09

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

关注问题我要回答

2587

操作

收起

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 回复有任何疑惑可以回复我~

收起回答

慕粉4321385

大兄弟我一开始设置border left 的时候已经在退出登陆的左边了。。。。

2016-11-07 回复有任何疑惑可以回复我~

慕粉4321385

接着我上面的回复样式 border-left: 2px solid ; padding:13px 6px 1px; font-size: 0; 我只需要这样打就已经在中间了标签 <body> 注册<span></span>退出登录 </body>

2016-11-07 回复有任何疑惑可以回复我~

浅尝辄止123 回复慕粉4321385

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

2016-11-10 回复有任何疑惑可以回复我~

查看4条回复

qq_小姑娘就是只小鱼_03916433
2016-10-09

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

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

收起回答

0/150

提交

取消

CSS深入理解之padding

参与学习 52482 人
解答问题 56 个

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

进入课程

本课相似问答

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

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

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

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

1 回答间距相关

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

2 回答

本课相似问答

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