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

来源:1-1 CSS padding与元素的尺寸

荒野上摔倒

2016-10-09 01:24

为什么需要margin-left:12px?分割线
写回答 关注

2回答

  • 浅尝辄止123
    2016-10-09 10:17:31
    已采纳


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

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

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

    (2)不可以使用margin左右各6px,

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

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


    浅尝辄止12... 回复慕粉4321...

    border-left: 2px solid ; padding:13px 6px 1px; font-size: 0; 注册<span></span>退出登录 这样写 代码效果就是 注册| 退出登录 你写出来怎么不一样 晕死

    2016-11-11 17:10:57

    共 7 条回复 >

  • qq_小姑娘就是只小鱼_03916433
    2016-10-09 10:16:03

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

CSS深入理解之padding

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

52482 学习 · 56 问题

查看课程

相似问题