回顾挑战

Coddy 如何使用 CSS 居中 div 或文本课程的第 6 课，共 9 课。

我们来回顾一下！

挑战

简单

给你 3 个盒子（div），请使用以下约束将所有内容居中：

使用 flexbox 将最小的 div 居中，使用 position and translate 将中等大小的 div 居中。

不要更改尺寸！

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <div id="div1">
            <div id="div2">
                <div id="div3"/>
            </div>
        </div>
    </body>
</html>

如何使用 CSS 居中 div 或文本中的所有课

1简介

这门课程是什么？

2居中 div

自动外边距绝对定位：平移绝对定位：外边距弹性盒布局回顾挑战

3文本居中

文本对齐弹性盒布局最终挑战

自己练习： Web 在线编辑器