• 技术文章 >Web开发 >css教程

    css margin:auto的填充规则

    小妮浅浅小妮浅浅2021-08-20 18:15:19原创5228

    说明

    1、如果一侧定值,包括不设定值取默认值0的情况,一侧auto,则auto为剩余空间大小。

    2、如果两侧均是auto,则平分剩余空间。

    实例

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    <style>

        .father {

          width: 300px;

          background-color: #f0f3f9;

        }

        .son {

          width: 200px;

          height: 120px;

          margin-right: 80px;

          margin-left: auto;

          background-color: #cd0000;

        }

      </style>

      

    <div>

        <div></div>

      </div>

    以上就是css margin:auto的填充规则,希望对大家有所帮助。更多css学习指路:css教程

    本文教程操作环境:windows7系统、css3版,DELL G3电脑。

    专题推荐:css margin:auto
    上一篇:css优雅降级是什么意思 下一篇:css中box-shadow方法如何使用

    相关文章推荐

    • css有哪些清除浮动的方法• css中BFC是什么意思• css中BFC布局规则是什么• css box-sizing属性是什么• css link和@import的区别• css流式布局的介绍• css响应式布局如何理解• css渐进增强和优雅降级的区别• css渐进增强如何理解• css优雅降级是什么意思

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网