css中flex是什么

美女程序员鼓励师

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

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

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

实例

css;toolbar:false"><style>

/* 使用 flex 进行布局 */

.wrap {

    display: flex;

    justify-content: center;

    align-items: center;

    height400px;

    width100%;

    border-bottom1px solid black;

}

.box {

    height200px;

    width200px;

    background: red;

}

</style>

<body>

<div>

    <div></div>

</div>

</body>

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

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

以上是 css中flex是什么 的全部内容, 来源链接: utcz.com/z/545911.html

回到顶部