完美居中

Coddy CSS Flexbox：完整课程课程的第 11 课，共 15 课。

使用 flexbox 在容器中同时水平和垂直居中元素，是最常见的问题之一。用 flexbox 可以轻松完成这项任务！

挑战

简单

运用你学到的知识，将给定的弹性项目在弹性容器中居中。

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <div class="container">
            <div />
        </div>
    </body>
</html>

CSS Flexbox：完整课程中的所有课

1简介

简介容器与元素

2弹性容器

Flexbox flex-direction flex-wrap flex-flow justify-content align-items align-content gap完美居中

3Flex 项目

子元素 order flex-grow align-self

自己练习： Web 在线编辑器