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

    css中flex-direction属性是什么

    小妮浅浅小妮浅浅2021-10-23 10:11:32原创6671

    1、flex-direction用来控制子项整体布局方向,是从左往右还是从右往左,是从上往下还是从下往上。

    2、指定了内部元素是如何在flex容器中布局的,定义了主轴的方向(正方向或反方向)。

    实例

    .list1 {
        width: 27%;
        padding-top: 0.5rem;
        list-style: none;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        max-height: 6rem;
    }
     
    .list1 .listbox {
        width: 100%;
        position: relative;
        padding-left: 0.2rem;
        left: 1.35rem;
        right: auto;
    }

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

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

    专题推荐:css flex-direction
    上一篇:css中flex-wrap属性是什么 下一篇:css中order属性的介绍

    相关文章推荐

    • 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属性是什么• css中flex-flow属性是什么• css中flex-wrap属性是什么

    全部评论我要评论

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

  • 取消发布评论
  • 

    Python学习网