为了账号安全，请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
获取体验码
换个排列方式 - 使用text-align设置文本对齐方式，初识HTML(5)+CSS(3)-升级版教程-慕课网
章节
课签
笔记
占位
占位

换个排列方式 - 使用text-align设置文本对齐方式

想为块状元素中的文本、图片设置居中样式吗？可以使用text-align样式代码，如下代码可实现文本居中显示。(那么什么是块状元素呢？在后面的12-1、12-2小节中会讲到。)

h1{
    text-align:center;
}
<h1>了不起的盖茨比</h1>

同样可以设置居左：

h1{
    text-align:left;
}
<h1>了不起的盖茨比</h1>

还可以设置居右：

h1{
    text-align:right;
}
<h1>了不起的盖茨比</h1>

任务

我来试一试：

为图片设置水平居中显示

?不会了怎么办

在右边编辑器的第8行，输入下面代码：

div{text-align:center;}
||

写笔记

公开笔记
提交
||

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

收藏课程后，能更快找到我哦～

使用 Ctrl+D 可将课程添加到书签

举报

0/150
提交
取消