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

    css中align-content属性是什么

    小妮浅浅小妮浅浅2021-10-22 10:02:07原创8910

    1、align-content可以看成是和justify-content是相似且对立的属性,是指垂直方向每一行 flex子项的对齐和分布方式。

    2、只适用于多行的flex容器,并且当交叉轴上有多余空间使flex容器内的flex线对齐。

    实例

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    <style type="text/css">

    *{

    margin:0px;

    padding: 0px;

    }

    div{

    border: 1px solid #0f0f0f;

    }

    .child-1{

    margin: 30px auto;

    display: flex;

    width: 100px;

    height: 60px;

    justify-content: space-around;

    align-content: center;

    }

    .child-2{

    width: 30px;

    height: 20px;

    }

    </style>

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

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

    专题推荐:css align-content
    上一篇:css中couters函数是什么 下一篇:css中align-items属性是什么

    相关文章推荐

    • css选择器之间的关系• css中translate函数的用法• css中rotate函数是什么• css中skew函数的使用• css中transition方法的介绍• css中animation是什么• css背景中有哪些方法• css有哪些字体文本样式• css中盒模型的注意点• css中counter-reset属性是什么• css中counter-increment属性是什么• css中counter()函数的介绍• css中couters函数是什么

    全部评论我要评论

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

  • 取消发布评论
  • 

    Python学习网