標題uncentering其形象

我有一個問題可能是一個簡單的問題，但無法找到解決方案。標題uncentering其形象

我正在管理我自己託管的wordpress，並且經常爲我發佈的文章添加圖片，並且希望讓它們居中。不過，我注意到當爲中間的圖片添加標題時，他們最終左對齊。您可以看到一個示例here（第一張和第二張圖片）。

「無標題&對齊」圖片代碼：

<p style="text-align: center;"> 
    <a rel="attachment wp-att-1949" href="http://themikal.com/?attachment_id=1949"> 
     <img class=" size-large wp-image-1949 aligncenter" title="hildolfr1" src="http://themikal.com/wp-content/uploads/2011/05/hildolfr1-566x400.jpg"alt="" width="391" height="276" /> 
    </a> 
</p>

儘管「標題和disaligned」圖片代碼如下：

[caption id="attachment_1949" align="aligncenter" width="391" caption="Hildolfr"] 
    <a rel="attachment wp-att-1949" href="http://themikal.com/?attachment_id=1949"> 
     <img class=" size-large wp-image-1949 aligncenter " title="hildolfr1" src="http://themikal.com/wp-content/uploads/2011/05/hildolfr1-566x400.jpg" alt="" width="391" height="276" /> 
    </a> 
[/caption]

我嘗試添加<p style="text-align: center;"></p>的標題圖片代碼，不在標題括號內或內部，但沒有結果。

有人會有一個想法，爲什麼它的反應呢？ wordpress.stackexchange認爲這是一個與CSS相關的問題，所以在這裏更加相關。

我是一個關於CSS的初學者，我正在使用預先設計的代碼，然後我進行了大量修改。但是如果有人指向它所在的位置，我可以提供關於CSS中某些信息的更多信息。

非常感謝！

來源

2012-02-20 Cristol.GdM

鏈接頁面上第二張圖片下的標題集中在我的瀏覽器（Chrome v17）上。你使用什麼瀏覽器？ – MarcinJuraszek 2012-02-20 15:54:06

相同。使用Firefox最新版本。我建議你嘗試一下不同的瀏覽器和/或便攜式（自包含的）版本，以確保它不是一個讓你感到不安的插件。 – Relequestual 2012-02-20 15:56:38

奇怪。我也使用Chrome v17，並且是最新版本。圖像是否居中？我希望圖像居中，但只要我放置標題，它總是以左對齊方式結束。 – 2012-02-20 15:57:59

由於事實並非如此尷尬，我幾分鐘就解決了問題，然後纔沒有意識到問題。

的CSS缺少以下行：

img.alignright {float:right; margin:0 0 1em 1em} 
img.alignleft {float:left; margin:0 1em 1em 0} 
img.aligncenter {display: block; margin-left: auto; margin-right: auto} 
.alignright {float:right; } 
.alignleft {float:left; } 
.aligncenter {display: block; margin-left: auto; margin-right: auto}

所以這是無法理解什麼img class = aligncenter可能意味着。添加回線修復了問題。

來源

2012-02-20 16:11:32

img.alignright，中心或左邊是非常糟糕的類名。 – Jawad 2012-02-20 16:14:16

哦，我直接從那裏拿走它：http://codex.wordpress.org/Wrapping_Text_Around_Images哈哈;如果我可能會問，是什麼讓他們成爲不好的名字？ – 2012-02-20 16:19:41

http://cssglobe.com/post/1539/css-dos-and-donts-part-1-css-selecting – Jawad 2012-02-20 16:29:16

標題uncentering其形象

回答

相關問題