自动外边距

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

要让 div 水平居中，你可以将 margin 属性设置为 auto。

auto 值会占用所有剩余的水平空间。

margin: auto;

margin-left: auto; 和 margin-right: auto; 也可以！

注意：它不会垂直居中！

挑战

简单

运用你学到的知识，将蓝色方框在红色方框内水平居中。

注意，margin-left 的值会是 75px，而不是 auto。为什么？

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <div id="red-box">
            <div id="blue-box" />
        </div>
    </body>
</html>

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

1简介

这门课程是什么？

2居中 div

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

3文本居中

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

自己练习： Web 在线编辑器