HTML实例-017 html 网页的对齐样式

hrs 提交于 2019/10/24 - 08:57 , 周四

在网页编辑中,有时候我们需要对文本进行对齐,那我们怎么来对它进行定义呢?

下面我就来举个实例

实例代码如下:

<!doctype html>
<head>
<meta charset="utf-8">
</head>
<html>
<body>
<h1 style="text-align:center">这是一个居中的标题</h1>
<p>这是一个以页面相对居中的标题</p>
</body>
</html>

运行效果:

html_017.png

从这个网页中我们可以看出,这个标题相对页面是居中的,这是text-align 属性的作用。

text-align 属性规定了元素中文本的水平对齐方式:

属性 对齐方式
text-align center 居中
text-align left 左对齐
text-align right 右对齐

text-align:+ 对齐方式

标签