如何將圖像對齊到右側？

Question

我試圖使用CSS來把一些圖片是這樣的：

|_________<img1_1>|___<img2_1>| 
|     |<___img2_2>| 
|     |__<_img2_3>| 

所有的圖像應該右對齊，我不能用固定寬度的大小，因爲圖像的大小可能會有所不同。

圖片IMG1_1是向左關閉所有其他的（但仍對齊頁面的右邊）。

plz help！

Answer 1

與CSS

集合中的所有圖像浮動到右 的圖像2_2和2_3設置clear:right

如果它應該是一個佈局 - 考慮使用的DIV創建頁面上的區域。

創建內容股利，又拿出2周的div它。將其中一個的浮點數設置爲正確並給它一個寬度。在另一個邊上設置保證金。把圖像放進去。

Answer 2

使用float: right與inline-block應該正常工作。

float可以，在某些罕見的情況下，產生不同的結果翻過的瀏覽器，但是它工作的時間以及99％。

詹姆斯

Answer 3

你可以用div標籤中的所有圖像添加一個類或ID和設置類/ id來文本對齊：權利;或將所有圖像浮動到右側.class img {float：right; }