弹性盒布局

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

正如我们在前几课中看到的，你可以使用 flexbox 将 div 居中，同样的方法也适用于文本！

回顾一下如何使用 flexbox 水平和垂直居中：

#parent {
	display: flex;
	align-items: center;
	justify-content: center;
}

挑战

简单

用 Flexbox 居中文本！

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <div class="parent">
            <p class="text">
                This is some text
            </p>
        </div>
    </body>
</html>

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

1简介

这门课程是什么？

2居中 div

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

3文本居中

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

自己练习： Web 在线编辑器