内容

• 踩
• 方法1之2：使用CSS
• 方法2之2：在HTML中使用“中心”标签

此WikiHow教您如何在HTML网站中居中放置文本。为此，我们使用CSS（层叠样式表或样式表）。我们以前使用 中心>标签，但在大多数浏览器中不再有效。

踩

方法1之2：使用CSS

1. 打开描述样式的文本文件。 现在 中心>标记已不再使用，请在此文件中创建一个新元素，该文本将使文本在HTML文档的某些区域居中。如果没有单独的CSS文件，则代码位于HTML文档顶部“ style>”和“ / style>”标签之间。
   • 作为 样式>- 和 /样式>标签尚不存在，您可以将其直接放在 身体>标记的方式如下：

   DOCTYPE html> html> body> style> / style>

2. 创建一个以文本为中心的类。 这 div>标签告诉您的HTML文档该类属于哪个特定部分。在“样式”标签之间键入以下内容，确保单击两次 ↵输入 第一行之后：

   div.a {}

3. 添加 文字对齐财产。 类型 文本对齐：居中； 在大括号之间 div.a-部分。现在，“标题”如下所示：

   DOCTYPE html> html> body> style> div.a {text-align：center; } /样式>

4. 添加正确的一个 股利标记到要居中的文本。 您可以通过 div>标签上方的文本，并用 / div>此文本下方的标签。例如，如果您想将标题及其下面的段落居中，则它看起来像这样：

   div> h1>欢迎来到我的网站/ h1> p>该网站主要提供有关事物的信息。/p> / div>

5. 使用 div.a标记以使其他元素居中。 当您要居中放置另一个元素时，例如标签之间的内容 p> / p> 和 h2> / h2>），您输入 div> 对于这个元素和 / div> 然后。由于您已经将“ div.a”定义为居中CSS代码，因此这些元素现在也居中了。

   样式> div.a {text-align：center; } /样式> div> h2>欢迎捐款/ h2> p>请/ p> / div>

6. 检查您的文件。 尽管网页上的文本当然有所不同，但它看起来应该像这样：

   DOCTYPE html> html> body> style> div.a {text-align：center; } / style> div> h1>欢迎来到我的网站/ h1> p>该网站主要用于提供有关事物的信息。/ p> / div> div> h2>欢迎捐款/ h2> p>请/ p> / div> / body> / html>

方法2之2：在HTML中使用“中心”标签

1. 打开您的HTML文档。 此方法描述了如何过时 中心>标签。此方法可能仍可在许多浏览器中使用，但最好不要过于依赖它。
2. 查找您要居中的文本。 向下滚动文档，直到找到要居中的标题，段落或其他文本。
3. 将“居中”标签放在文本的两侧。 代码看起来像这样 中心>文字/中心>。在此，“文本”是要居中的文本。如果此文本中还有其他标签，例如段落前的“ p> / p>”，则将“ center”标签放置在现有标签之外。

   中心> h1>欢迎来到我的网站/中心> h1> /中心>中心>让自己舒服！/中心>

4. 检查您的HTML文档。 它看起来应该像这样：

   DOCTYPE html> html>正文> h1>中心>欢迎来到我的网站/中心> / h1>中心>轻松自在！/中心> p1>该网站主要提供有关事物的信息。 > / html>