如何將圖像對齊到右側？

在my website我無法讓我的圖像對齊到右側。

在我的wordpress頁面中，它表示它與右側對齊，但在我的主題中不起作用。
在其他主題中，它與右側對齊。

任何一個想法如何css這？如何將圖像對齊到右側？

來源

2011-06-22 Justmac

非常容易的隊友，圖像有一類alignright。看起來你沒有任何款式。以下添加到您的樣式表：

.alignright{float:right}

您可能要增加一些利潤爲好。

來源

2011-06-22 12:48:21 Alex

非常感謝亞歷克斯。這樣做的工作！ – Justmac

@Justmac不客氣。我剛剛檢查過您的網站，我有一點建議，您可能會也可能不會決定採取。不要添加'margin-right'。海事組織更好，如果圖像沒有邊緣浮動。 – Alex

你完全正確！謝謝。 – Justmac

添加float:right到.alignright類。

來源

2011-06-22 12:48:17

您可以添加幾種風格到IMG標籤：

<img style='display:block;float:left;' src="http://www.businessinstitute.nl/wp-content/uploads/2011/06/gert-jan-de-groot.jpg" alt="" title="gert-jan-de-groot" width="120" height="153" class="alignright size-full wp-image-71" />

來源

2011-06-22 12:48:24 heximal

避免在可能的情況下使用內聯樣式聲明 - 元素已用'alignright' CSS類標記，因此最好爲該類添加一些CSS樣式。 –

同意，這只是例如。 – heximal

它看起來像有在你的CSS沒有alignright - 爲什麼不添加以下？

.alignright 
{ 
    float:right; 
}

來源

2011-06-22 12:48:56

您可以將float:right;添加到樣式或CSS中。

來源

2011-06-22 12:49:12

'align =「right」'不起作用 - 使用CSS'float'屬性。 –

您必須添加float:right到圖像周圍的鏈接。

來源

2011-06-22 12:50:29

看一看http://codex.wordpress.org/CSS。它看起來像你缺少一個定義.alignright

.alignright { 
    float:right; 
    margin: 5px 0 20px 20px; 
}

你或許應該還可以添加定義，以避免在未來的主題混亂提到有其他元素。

來源

2011-06-22 12:51:03 Till

這是你的HTML標籤

<img src="http://www.businessinstitute.nl/wp-content/uploads/2011/06/gert-jan-de-  groot.jpg" alt="" title="gert-jan-de-groot" width="120" height="153" class="alignright size-full wp-image-71">

添加到您的css文件

.wp-image-71 
{ 
float: right; 
}

來源

2011-06-22 12:57:08

如何將圖像對齊到右側？

回答

相關問題