HTML的p标签可以不用align吗

168 阅读 0 评论 111 点赞

我是靠谱客的博主火星上台灯，这篇文章主要介绍HTML的p标签可以不用align吗，现在分享给大家，希望可以做个参考。

本教程操作环境：windows10系统、HTML5版本、Dell G3电脑。

HTML的p标签可以不用align吗

<p> 标签定义段落。

<p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。

align 属性规定段落中文本的对齐方式。

HTML5 不支持 <p> align 属性。请使用 CSS 代替。

在 HTML 4.01 中，<p> 的 align 属性已废弃。

语法为

复制代码<p align="left|right|center|justify">1
<p align="left|right|center|justify">
登录后复制

css代替：文本对齐

text-align 属性用于设置文本的水平对齐方式。

文本可以左对齐或右对齐，或居中对齐。

下例展示了居中对齐以及左右对齐的文本（如果文本方向是从左到右，则默认为左对齐；如果文本方向是从右到左，则默认是右对齐）：

复制代码<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  text-align: center;
}
h2 {
  text-align: left;
}
h3 {
  text-align: right;
}
</style>
</head>
<body>
<h1>标题 1（居中对齐）</h1>
<h2>标题 2（左对齐）</h2>
<h3>标题 3（右对齐）</h3>
<p>上面的三个标题是居中、左和右对齐。</p>
</body>
</html>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  text-align: center;
}
h2 {
  text-align: left;
}
h3 {
  text-align: right;
}
</style>
</head>
<body>
<h1>标题 1（居中对齐）</h1>
<h2>标题 2（左对齐）</h2>
<h3>标题 3（右对齐）</h3>
<p>上面的三个标题是居中、左和右对齐。</p>
</body>
</html>
登录后复制