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

    css中align-items属性是什么

    小妮浅浅小妮浅浅2021-10-22 10:02:25原创21245

    1、align-items中的items指的是flex 中的子项,因此align-items指的就是flex子项们相对于flex容器在垂直方向上的对齐方式。

    2、适用于所有的flex容器,单行时候垂直居中使用align-items: center。

    实例

    <style>
            .first{
                width: 300px;
                height: 300px;
                border: 1px solid blueviolet;
            }
            .first div{
                width: 30px;
                height: 30px;
            }
        </style>
    </head>
    <body>
        <div>
            <div style="background-color: khaki;">AA</div>
            <div style="background-color: lawngreen;">BB</div>
            <div style="background-color: lightcoral;">CC</div>
        </div>
    </body>

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

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

    专题推荐:css align-items
    品易云
    上一篇:css中align-content属性是什么 下一篇:css中justify-content属性是什么

    相关文章推荐

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

    全部评论我要评论

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

  • 取消发布评论
  • 

    Python学习网