当图像浮动时自动为图像添加填充

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'); 
}