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

    css中flex-flow属性是什么

    小妮浅浅小妮浅浅2021-10-22 10:03:00原创7242

    1、flex-flow属性是flex-direction和flex-wrap属性的复合属性。

    2、用于设置或者检索弹性盒模型对象的子元素排列方式。当多属性同时使用的时候,使用空格分隔。

    实例

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    .flex-flow{

               display: flex;

               display: -webkit-flex;

               flex-flow: column-reverse wrap;

               width: 300px;

               height: 200px;

               margin: auto;

               background-color: red;

           }

           .flex{

               width: 60px;

               height: 60px;

               border: 1px #000000 solid;

               background-color: aqua;

               text-align: center;

               line-height: 60px;

               color: #ffffff;

           }

    以上就是css中flex-flow属性的介绍,希望对大家有所帮助。更多css学习指路:css教程

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

    专题推荐:css flex-flow
    上一篇:css中justify-content属性是什么 下一篇:css中flex-wrap属性是什么

    相关文章推荐

    • css中rotate函数是什么• css中skew函数的使用• css中transition方法的介绍• css中animation是什么• css背景中有哪些方法• css有哪些字体文本样式• css中盒模型的注意点• css中counter-reset属性是什么• css中counter-increment属性是什么• css中counter()函数的介绍• css中couters函数是什么• css中align-content属性是什么• css中align-items属性是什么• css中justify-content属性是什么

    全部评论我要评论

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

  • 取消发布评论
  • 

    Python学习网