如何在 HTML 中对齐图像？

图像对齐用于在我们网页中的不同位置（顶部、底部、右侧、左侧、中间）移动图像。我们使用 align 属性来对齐图像。它是一个内联元素。

句法：

属性值：

left: It is used for the alignment of image to the left.

right: It is used for the alignment of image to the right.

middle: It is used for the alignment of image to the middle.

top: It is used for the alignment of image to the top.

bottom: It is used for the alignment of image to the bottom.

方法一：图像左对齐

要将图像与左侧对齐，请使用属性值“left”。

句法：

例子 ：

HTML

    
    
    
    


    
GeeksforGeeks
    
Welcome to GeeksforGeeks
    
Left Alignment of Image
    
    

输出：

方法2：图像右对齐

要将图像与正确的属性值对齐，请使用“right”。

句法：

 

例子：

HTML

    
    
    
    


    
GeeksforGeeks
    
Welcome to GeeksforGeeks
    
Right Alignment of Image
    
    

输出：

方法三：图片居中对齐

要将图像对齐到正确的使用属性值作为“中间”。

句法：

例子：

HTML

 

    
    
    
    
 

 

    
GeeksforGeeks
    
Welcome to GeeksforGeeks
    
Middle Alignment of Image
    
   
GeeksforGeeks GeeksforGeeks

 

输出：

方法4：图像的顶部对齐

要将图像对齐到正确的使用属性值作为“顶部”。

句法：

例子：

HTML

 

    
    
    
    
 

 

    
GeeksforGeeks
    
Welcome to GeeksforGeeks
    
Top Alignment of Image
    
   
GeeksforGeeks GeeksforGeeks

 

输出：

方法5：图像的底部对齐

要将图像对齐到正确的使用属性值作为“底部”。

句法：

例子：

HTML

 

    
    
    
    
 

 

    
GeeksforGeeks
    
Welcome to GeeksforGeeks
    
Bottom Alignment of Image
    
   
GeeksforGeeks GeeksforGeeks
 

 

输出：

浏览器支持：

Browser	Version
Chrome	29.0
Firefox	11.0
Safari	22.0
Internet Explorer	10
Opera	48