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

Question

我有一个CMS，允许用户将 float：right; 或 float：left; 添加到他们在富文本编辑器中放置的图像中。我不想也必须手动插入填充，所以我试图找到一种方法来默认包含它。

我知道如何用类来做这个，但我很好奇是否有一种方法可以在CSS中指定或者使用一些jquery，例如，当图像具有 float时：left 属性，它还会获得填充：0 10px 10px 0 渲染。

任何建议都将不胜感激。

由于

Answer 1

如果您要使用CSS，则用户需要指定具有这两个属性的类，或者同时输入两个属性（float和margin）。

您可以使用jQuery，并动态执行。

如果元素确实已浮动，

$("element").css("float")将返回left或right。您可以将其放入if（）语句并相应地应用保证金。

当然，您需要确保只在适当的图像元素上运行此逻辑，以免混淆可能浮动在页面上的所有其他元素。

Answer 2

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