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

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

archery

2016-11-01 16:42

注册<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?    

写回答 关注

3回答

  • 兼容并包
    2017-12-12 20:26:08

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

    慕运维046...

    那你是用什么方法呢

    2018-08-02 14:08:51

    共 1 条回复 >

  • _仰望星空
    2016-11-01 22:48:37

    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,即隐藏文字。

    慕运维046... 回复行道树

    就是让span往上撑开16px,往下撑开1px,往下撑开效果不好看啊,我理解为padding由一个原点撑开,可能原点的垂直方向是在下方而不是在中心点,所以不往下撑开那么多

    2018-08-02 12:38:02

    共 2 条回复 >

  • _仰望星空
    2016-11-01 22:48:30

    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,即隐藏文字。

    qq_大雄B... 回复_仰望星空

    没有字也会在高度上有填充吗

    2017-01-13 18:12:39

    共 6 条回复 >

CSS深入理解之padding

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

52482 学习 · 56 问题

查看课程

相似问题