如何在 HTML 中对齐图像？

在 HTML 中，对齐图像常常是很重要的。本文将向您介绍几种对齐图像的方法。

1. 使用 align 属性

align 属性是针对 img 元素的，它可以将图像设置为居中、左对齐、右对齐等。

下面是一个例子：

<img src="example.jpg" alt="example" align="left">
<p>这是一个例子。</p>

在这个例子中，图像被设置为左对齐，文本将在图像的右侧显示。

2. 使用 CSS

使用 CSS 可以更加灵活地控制图像的对齐方式。

下面是一个例子：

<style>
  .image-align-left {
    float: left;
    margin-right: 10px;
  }
</style>

<img src="example.jpg" alt="example" class="image-align-left">
<p>这是一个例子。</p>

在这个例子中，我们添加了一个自定义的 CSS 类 .image-align-left ，它将图像设置为左对齐，并且距离文本有 10 像素的右边距。

与 align 属性类似，您还可以使用 float 属性将图像设置为左对齐或右对齐。

3. 使用表格

在某些情况下，您可能需要在文本和图像之间使用表格来对齐它们。下面是一个使用表格的例子：

<table>
  <tr>
    <td><img src="example.jpg" alt="example"></td>
    <td><p>这是一个例子。</p></td>
  </tr>
</table>

在这个例子中，我们使用 table 元素和 tr 和 td 元素来对齐图像和文本。

总结：对齐图像在 HTML 中有多种方法，您可以使用 align 属性、CSS 或表格来实现。根据您的具体需求，选择最合适的方法即可。