2种实现图片右浮动对齐的样式

在帮助企业开发网站中排版产品介绍的时候有用到产品图片，默认我开始给他们是上下排列的。客户要求这样内容右侧太空荡，希望图片右浮动。我开始是通过编辑器的右侧对齐，预览的时候还是看到上下对齐。看来需要对样式强制设置右侧浮动。

这里有2个常用方式。

1、直接添加法

<img src="image.png" style="float:right; margin: 5px;" />

这里我们直接添加到图片中，实现强制样式，不受其他全局样式的干扰。

2、调用方法

我们外部设置一个样式，需要的时候调用。

img.rightfloat { 
    float: right; 
    margin: 5px; 
}

外部CSS样式表设置。

<img src="images.png" class="rightfloat" />

需要用的时候用class调用。