Html中img标签实现图片的对齐方式

在html中我们通过img标签展示图片，在不同场景下我们需要不同的展现方式，那么今天来了解下，img标签到底支持哪些对齐方式。

如何使用？

<img src="**.pg" alt="Smiley face" width="42" height="42">

对齐方式

我们可以通过align属性来设置img的对齐方式。代码如下：

<img src=”**.pg” alt=”Smiley face” width=”42″ height=”42″ align=”abbottom” >

支持属性类型有：

• absbottom     图像的下边缘与同一行中最大元素的下边缘对齐。  
• absmiddle     图像的中间与同一行中最大元素的中间对齐。  
• baseline     图像的下边缘与第一行文本的下边缘对齐。  
• bottom      图像的下边缘与第一行文本的下边缘对齐。  
• left       图像沿网页的左边缘对齐，文字在图像右边换行。  
• middle      图像的中间与第一行文本的下边缘对齐。  
• notset     未设定对齐方式。  
• right          图像沿网页的右边缘对齐，文字在图像左边换行。  
• texttop     图像的上边缘与同一行上最高文本的上边缘对齐。  
• top        图像的上边缘与同一行上最高元素的上边缘对齐。