美文网首页
了解一下margin和padding(盒模型)

了解一下margin和padding(盒模型)

作者: 林立镇 | 来源:发表于2017-05-10 23:24 被阅读0次

    Margin

    • <percentage>
    • 相对于包含该元素的块的宽度(相对于父元素的宽度)。该值可以为负数。
    • auto
    • auto会被替代为适当的值。它可以用于将一个块居中。
      比如,div { width:50%; margin:0 auto; } 会把这个div容器水平居中。

    语法

    • 只有一个 值时,这个值会被指定给全部的 四个边.
    • 两个值时,第一个值被匹配给上和下, 第二个值被匹配给 左和右.
    • 三个值时,第一个值被匹配给上, 第二个值被匹配给 左和右, 第三个值被匹配给下.
    • 四个值时,会依次按 上、右、下、左 的顺序匹配 (即顺时针顺序).

    Padding

    • <percentage>
    • 相对于包含块的宽度(父元素的宽度)

    语法

    和margin一样

    相关文章

      网友评论

          本文标题:了解一下margin和padding(盒模型)

          本文链接:https://www.haomeiwen.com/subject/igjntxtx.html