广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    css代码中 margin:auto 和 margin:0 auto 有什么区别

    来源:网络收集  点击:  时间:2024-08-19
    【导读】:

    一、区别

    1、参数详解

    margin:auto = margin:auto auto auto auto;margin:0 auto = margin:0 auto 0 auto;

    margin:n m p q表示该元素上外边距为n,右外边距为m,下外边距为p,左外边距为q,即 margin:上 右 下 左 ,逆时针一圈。

    2、实例说明

    margin后面是有4个参数的。

    例如:margin:1px 2px 3px 4px,分别表示 上(1px)、右(2px)、下(3px)、左(4px)。

    margin后面如果只写2个参数的。

    例如:margin:1px 2px

    那么这是代表 上下都为1px 左右都为2px。

    扩展资料

    1、margin 0px auto属性规则

    margin:0px auto代表对象上下间隔为0px,左右间隔根据对象宽度自适应。

    margin:0px auto简写:可以去掉0后面的px单位,一般CSS代码中如果值为0,那可以不用跟html长度单位。

    margin;0px auto或margin:0 auto作用:常用于让DIV布局居中,起到让布局居中作用。

    2、margin:auto属性说明

    margin:auto时浏览器计算外边距,当margin定义为auto时,将占用可用空间或0px 。

    margin:auto时浏览器会自动分配左右边距,使元素平均分配占用父级容器的左右边距,达到元素居中的目的

    3、CSS中auto元素

    定义auto元素,因元素类型和上下文而异。在边距中,auto可以表示两种情况:占用可用空间或0 px。这两个将为元素定义不同的布局。

    4、margin的兄弟属性padding

    margin属性是外边距,而padding属性是内边距。padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。

    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_1143072.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-06 15:24:49  耗时:0.033
    0.0336s