當圖像浮動時自動爲圖像添加填充

Question

我有一個CMS，允許用戶添加float：right;或float：left;他們放置在他們的富文本編輯器中的圖像。我不想然後也不得不手動插入填充，所以我試圖找到一種方法來包括默認情況下。

我知道如何用類來做到這一點，但我很好奇，如果有一種方法可以指定在CSS或jQuery的位，例如，當一個圖像有float：left屬性，它也得到一個填充：0 10px 10px 0呈現。

任何建議，將不勝感激。

感謝

Answer 1

如果你使用CSS，或者需要指定有兩個屬性，否則輸入這兩個屬性（float和保證金）的一類用戶。

雖然可以使用jQuery，但可以動態地使用它。

$("element").css("float")將返回left或right，如果元素確實是浮動的。你可以把它放到if（）語句中並相應地應用margin。

當然，你要確保你只在適當的圖像元素上運行這個邏輯，以免混淆頁面上可能浮動的所有其他元素。

Answer 2

if ($('img.class').css('float') == 'left'){ 
    $('img.class').css('padding', 0); 
    $('img.class').css('margin','10px 10px 0'); 
}