2013-06-03 69 views
3

我想中心僅使用HTML和CSS的圖像,這可能嗎?我試過以下代碼:居中與HTML和沒有CSS的圖像鏈接

<a href="link"> 
<img src="URL" align="center"></a> 

但是圖像不動。我該如何解決這個問題?

我試圖集中的圖像是我們的blog右列中的捐贈按鈕我將鏈接放置在「文本」小部件中,因此CSS似乎不起作用。

+4

你甚至不能使用內聯css? – Leng

+1

爲什麼仇恨與CSS? – hjpotter92

+0

@ hjpotter92我試圖使用CSS,但它在wordpress.com的「文本」小部件中,所以它似乎不起作用。 –

回答

5

那麼,你可能使用<center>,但它不再支持。這裏最好的選擇是使用HTML和text-align:center中的style屬性。這不會直接中心的形象,所以你會與造型包裝在一個div:

<div style="text-align: center"> 
<a href="link"> 

<img src="URL" align="center"></a> 
</div> 

看着那被髮布的評論之後,我發現你其實並不需要股利。只要將它應用到它周圍的鏈接即可。

<a href="link" style="text-align: center"> 

<img src="URL" align="center"></a> 

沒有可能的方式做到這一點沒有CSS,除非你想使用過時的東西。

+3

所以答案是,不,沒有CSS是不可能的。 – Leng

+0

@Leng更新了問題 –

1

另一種不使用CSS的方法是將圖像包裝在table中。雖然它不是在Internet上做事情的最佳方式,但它符合較老的電子郵件客戶端,瀏覽器和系統,公司從防火牆上的內容中剝離CSS。

<table cellpadding="0" cellspacing="0" border="0" width="100%"> 
<tr><td align="center"> 
<img src="URL"> 
</td></tr> 
</table> 

雖然我意識到這個問題是關於WordPress的實現,但Google認爲它與我自己的問題有關。