如何在HTML中设置图像对齐？

在HTML中，图像对齐是通过CSS来控制的。在CSS中，有几种方式可以设置图像的对齐方式。

1. 水平对齐

1.1 左对齐

使用CSS中的 float: left; 来使图像向左对齐，代码如下：

<img src="image.jpg" style="float: left;" />

1.2 右对齐

使用CSS中的 float: right; 来使图像向右对齐，代码如下：

<img src="image.jpg" style="float: right;" />

1.3 居中对齐

使用CSS中的 display: block; margin: 0 auto; 来使图像水平居中对齐，代码如下：

<img src="image.jpg" style="display: block; margin: 0 auto;" />

2. 垂直对齐

2.1 顶部对齐

使用CSS中的 vertical-align: top; 来使图像向顶部对齐，代码如下：

<img src="image.jpg" style="vertical-align: top;" />

2.2 底部对齐

使用CSS中的 vertical-align: bottom; 来使图像向底部对齐，代码如下：

<img src="image.jpg" style="vertical-align: bottom;" />

2.3 居中对齐

使用CSS中的 vertical-align: middle; 来使图像垂直居中对齐，代码如下：

<img src="image.jpg" style="vertical-align: middle;" />

3. 综合对齐

3.1 左对齐、顶部对齐

使用CSS中的 float: left; vertical-align: top; 来使图像左对齐、顶部对齐，代码如下：

<img src="image.jpg" style="float: left; vertical-align: top;" />

3.2 右对齐、底部对齐

使用CSS中的 float: right; vertical-align: bottom; 来使图像右对齐、底部对齐，代码如下：

<img src="image.jpg" style="float: right; vertical-align: bottom;" />

3.3 居中对齐、垂直居中

使用CSS中的 display: block; margin: 0 auto; vertical-align: middle; 来使图像居中对齐、垂直居中，代码如下：

<img src="image.jpg" style="display: block; margin: 0 auto; vertical-align: middle;" />

总之，通过以上方法，在HTML中设置图像的对齐方式很简单，只要掌握其中的CSS属性，就可以轻松实现各种对齐效果。