内容

• 脚步
• 方法 1 of 2：CSS（推荐）
• 方法 2 of 2：HTML 中的“align”属性

属性 对齐 标签 html> 自 HTML5 以来已被弃用。虽然此属性在大多数 Web 浏览器中仍然有效，但建议您使用级联样式表 (CSS) 对齐图像。在本文中，我们将向您展示如何使用 CSS 和已弃用的标签将图像居中。 对齐.

脚步

方法 1 of 2：CSS（推荐）

1. 1 为图像添加 HTML 代码。 您将使用级联样式表 (CSS) 来对齐图像，但您需要使用 HTML 将其放置在页面上。以下是使用标签的示例 图片> 将图像插入到您的代码中：

   img src = "dog.webp" alt = "这是一只狗的图片">

   • 代替 狗.webp 替换图像文件的名称，并在“alt”之后输入图像的描述。意义 中央 对于“class”不要更改，因为您将创建一个具有该名称的 CSS 类。
2. 2 找到 CSS 代码。 如果您的站点有单独的 CSS 文件，请打开它。如果不是，则 CSS 很可能位于 HTML 文件的顶部，标签内 头>...滚动到文件顶部以查找标签 风格> / 风格>.
   • 如果标签 风格> / 风格> 不，添加它们。阅读这篇文章了解更多信息。
3. 3 添加 CSS 以对齐图像。 您可以输入不同的值来使图像出现在页面上，而不是“50%”。您将无法使用“100%”值将图像居中，因此该数字应该不同。

   .center {显示：块；左边距：自动；右边距：自动；宽度：50%； }

4. 4 保存您的更改。 保存 HTML 文件和 CSS 文件（如果有）。这将使图像居中。
   • 也在标签内 图片> 可以添加 使其他图像居中。

方法 2 of 2：HTML 中的“align”属性

1. 1 创建一个新段落。 尽管这种居中图像的方法已被弃用，但它仍然适用于许多浏览器。但是，当浏览器停止支持指定的属性时，我们建议使用 CSS 来保持网站正常运行。记住属性 对齐 将图片仅在围绕它的元素内居中（例如，在标签内 p> / p> 要么 div> / div>）。例如，在 HTML 文件中，我们将通过添加来创建一个新段落 > 在单独的行上。
2. 2 为图像添加 HTML 代码。 在标签后输入以下代码 >...使用此示例作为指导：

   p> img src = "dog.webp" alt = "图片" align = "middle">

   • 代替 狗.webp 替换图像文件的名称，并在“alt”之后输入图像的描述。
   • middle 属性告诉浏览器将图片显示在页面中央。
3. 3 关闭段落标记。 为此，请添加 /p> 在图片标签之后。完成的代码应该是这样的：

   p> img src = "dog.webp" alt = "图片" align = "middle"> / p>

4. 4 保存您的更改。 这将使图像居中。