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

    css中align-content属性是什么

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

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

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

    实例

    <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中transform函数的使用• css中translate函数的用法• css中scale函数如何使用• 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学习网