zoukankan      html  css  js  c++  java
  • 当你设置width的时候,你设置的是哪里

     今天看书的时候,看到这么一段。突然搞不清内容区是什么了。于是,下面这张经典图出现了。同时,还有与之相关的各个边界线。

    想到css3里面的,box-sizing属性,默认的就是content-box,及当你设置width时,你设置的是内容区的宽度。

    另外还有,border-box,以border的边界来设置。

    需要注意的是,对于非替换的行内元素来说,尽管内容周围存在内边距与边框,但其占用空间(行高)由 line-height 属性决定。

    line-height是个顽固的家伙,改变边距,边框,都不会影响其大小,及你所见的字与字之间的距离不会改变。

    line-height定义上是基线之间的距离。

  • 相关阅读:
    【多线程】工具类汇总
    【JVM】GC日志样例解读
    【Docker】
    XXS level5
    XXS level4
    XXS level3
    XXS level2
    SQLI DUMB SERIES-6
    SQLI DUMB SERIES-5
    XXS level1
  • 原文地址:https://www.cnblogs.com/nostic/p/5737163.html
Copyright © 2011-2022 走看看