问答详情
源自:1-1 CSS padding与元素的尺寸

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

为什么需要margin-left:12px?分割线

提问者:荒野上摔倒 2016-10-09 01:24

个回答

  • 浅尝辄止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个像素,所以不会处于中间。


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

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