Wordpress嵌入式图像 - 是否忽略右边距值？

Question

我正在使用WooThemes原创新闻主题（它是免费的！），我正在做一些修改。我的作品中内嵌了一些图像，发生的情况是文字和图像相互对立。我设法得到它固定的（有点）的图像时，都在入口的右侧由CSS使用此代码添加5px的边框围绕图像：

.entry img { 
    padding: 2px 2px 2px 2px; 
    background:#FFF; 
    border: solid 5px #FFF; 
    } 

它可以在左边，但权利似乎被推到文字下面。

但我只是意识到我的图像有一个标题框使用类“wp-caption”在他们周围，这可能是我的问题的一个可能的来源？

感谢帮助！

Answer 1

margin: 10px !important; 

可能会诀窍。

或者，让使用这种事情

body #foo .entry img { 
    padding: 2px 2px 2px 2px; 
    background:#FFF; 
    border: solid 5px #FFF; 
    } 

选择合适的ID，当然，而不是#foo的CSS更详细说明。

Answer 2

正如其他人提到的，在图像上设置margin。您可能需要为alignleft和alignright类添加一些CSS规则;当你点击“左对齐”或“右对齐”按钮时，这些都是由WordPress图像选择器添加的。添加规则上的对齐的对面指定边距：

.entry img.alignleft { 
    margin-right: 1em; 
} 
.entry img.alignright { 
    margin-left: 1em; 
} 

顺便说一句，你应该不使用border属性使图像与文本站在场外。 border属性用于绘制边框;如果您更改背景颜色，则会在图像周围发现胖胖的白色边框，并且文字会触摸该边框。要使元素相互脱离，请使用margin属性。