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屬性。