2016-01-20 29 views
1

當我們插入圖片到博客發佈後,它會自動插入一個分隔符'text-align:center;'。我想刪除它(並將其設置爲左側而不是中心)。但很難在每篇文章中爲每張圖片手動刪除它。有沒有簡單的方法來自動做到這一點?如何刪除博主後分隔符的「文本對齊:中心;」?

我試過.post-body img {float:left;}模板CSS。這會將圖像留下,但文本會流向圖像的右側而不是圖像下方。請幫助我做到這一點。

編輯:下面是圖像被添加到博客帖子後自動包圍的普通div。下面是帖子的文字。

<div class="separator" style="clear: both; text-align: center;"> 
<a href="-----.html"; imageanchor="1" style="margin-left: 0em; margin-right: 1em;"> 
<img alt="" border="0" src="1.bp.blogspot.com/1.JPG"; title="" /> 
</a></div> 
<br/> 
<span style="font-size: large;">text paragraph texts texts</span><br /> 
+0

你可以嘗試像'.separator { text-align:left!important;}' –

回答

2

內< B:皮膚>或單獨<風格>模板的<頭>內包括以下CSS代碼:

.post-body .separator { 
    text-align:left !important 
} 
+0

非常感謝你!這工作得很好。 – slbgdp

0

我看不到剩下的代碼,如果你上傳了一些像js.fiddle這樣會有幫助!下面的代碼應該修復文本與圖片的對齊,如果它不讓我知道的話!

.post-body img { 
    float: left; 
    text-align: left; 

} 
+0

我已經試過了你所說的,它不起作用。正如我所說的圖像流向左側,但段落文本去圖像的右側,而不是下面的圖像。當插入到博主中的圖像時,代碼如下所示。


文本段落文本文本
slbgdp

+0

您會上傳我的代碼,以便我可以看到它嗎? –

+0

修改了帖子,包括相關代碼。 – slbgdp