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

    css中flex是什么

    小妮浅浅小妮浅浅2021-09-15 09:33:48原创3639

    1、flex是flexible的缩写,意思为弹性布局,用来为盒模型提供灵活性。

    任何一个容器都可以指定为 flex 布局(包括行内元素)

    2、利用flex实现居中布局,实现简易的弹性伸缩布局。

    实例

    <style>
    /* 使用 flex 进行布局 */
    .wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 400px;
        width: 100%;
        border-bottom: 1px solid black;
    }
    .box {
        height: 200px;
        width: 200px;
        background: red;
    }
    </style>
    <body>
    <div>
        <div></div>
    </div>
    </body>

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

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

    专题推荐:css flex
    品易云
    上一篇:css文字间距的使用 下一篇:css overflow属性有什么用

    相关文章推荐

    • CSS伪类选择器是什么• CSS超链接a标签的状态• CSS背景颜色的表示方法• css中有哪些类型的样式表• css module解决命名冲突• css global在类名的应用• CSS设计模式之ITCSS的介绍• css边距重叠是什么• css中a标签伪类如何使用• css中背景定位有哪些方法• css首行缩进text-indent的实现• css文本修饰text-decoration的使用• css文字间距的使用

    全部评论我要评论

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

  • 取消发布评论
  • 

    Python学习网