美文网首页
margin属性用法详解

margin属性用法详解

作者: 薛定谔养了只猫 | 来源:发表于2017-09-20 16:27 被阅读0次

margin是一个简写的属性,该属性可以设置1到4个值,对应所有的外边距宽度。

它的作用就是设置一个元素所有外边距的宽度,或者设置各条边上外边距的宽度。

实例1

div{margin:22px 32px 43px 54px}

对应的顺序分别是:上、右、下、左。

因此上面设置的就分别是:

上外边距为22px

右外边距为32px

下外边距为43px

左外边距为54px

实例2

div{margin:10px 8px 12px;}

上外边距是10px

右外边距和左外边距是8px

下外边距是12px

实例3

div{margin:10px 8px;}

如果只设置两个,则分别是上下外边距,以及左右外边距。

实例4

div{margin:10px;}

只设置一个,那么就是上下左右外边距都是10px。

margin属性自带两个值,分别是auto和inherit。

auto是浏览器自动计算外边距。

inherit则规定应该从父元素来继承外边距。

本文转载自三体教程 http://www.santii.com/article/58.html

相关文章

  • margin属性用法详解

    margin是一个简写的属性,该属性可以设置1到4个值,对应所有的外边距宽度。 它的作用就是设置一个元素所有外边距...

  • iOS-MBProgressHUD使用

    1,MBProgressHUD常用属性和用法Demo //任务,测试进度显示 MBProgressHUD 使用详解...

  • SearchView

    Android 搜索框:SearchView 的属性和用法详解MaterialDesign学习篇(五),使用Sea...

  • CSS padding margin border属性详解

    W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段...

  • UITableView 属性用法详解

    前言: 学iOS也有段时间了,由于当初学的时候没有基础,现在反过来看自己一些基础控件的用法都还没搞清楚,所以想总结...

  • CSS3之box-sizing

    属性用法 详解 content-box:标准宽度content border-box:border以内的宽度wid...

  • CSS 外边距- 外边距合并

    1:CSS margin 属性 margin 属性接受任何长度单位,可以是像素、英寸、毫米或 em。 margin...

  • 【Android Drawable系列】- Shape在代码中的

    之前已经详细的说明过shape在xml中的属性和用法了,参考shape xml属性详解。shape是一个drawa...

  • LiveData

    LiveDataBus实现原理#用法详解#LiveData扩展 LiveDataBus实现原理#用法详解#Live...

  • 盒模型

    一.盒模型包括哪些属性? 盒模型包括的属性有: margin:外边距。它包括margin-top、margin-r...

网友评论

      本文标题:margin属性用法详解

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