在幫助企業(yè)開發(fā)網(wǎng)站中排版產(chǎn)品介紹的時候有用到產(chǎn)品圖片，默認(rèn)我開始給他們是上下排列的。客戶要求這樣內(nèi)容右側(cè)太空蕩，希望圖片右浮動。我開始是通過編輯器的右側(cè)對齊，預(yù)覽的時候還是看到上下對齊?？磥硇枰獙邮綇?qiáng)制設(shè)置右側(cè)浮動。

這里有2個常用方式。

1、直接添加法

<img data-original="image.png" src="http://bjj.org.cn/wp-content/themes/begin/img/loading.png"height="auto" style="float:right; margin: 5px;" />

這里我們直接添加到圖片中，實(shí)現(xiàn)強(qiáng)制樣式，不受其他全局樣式的干擾。

2、調(diào)用方法

我們外部設(shè)置一個樣式，需要的時候調(diào)用。

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

外部CSS樣式表設(shè)置。

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

需要用的時候用class調(diào)用。