Как выровнять изображения вправо?

Question

Я пытаюсь использовать CSS, чтобы поставить некоторые изображения таким образом:

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

Все изображения должны быть выравнивание по правому краю, и я не могу использовать размер фиксированной ширины, так как размер изображений может варьироваться.

Изображение img1_1 находится слева от всех остальных (но по-прежнему выравнивается справа от страницы).

справка plz!

Answer 1

с CSS

набором все плывет направо для изображений 2_2 и 2_3 набора clear:right

Если он должен быть макетом - рассмотреть возможность использования DIVs для создания областей на странице.

Создайте контент div и поместите еще 2 divs в него. Установите поплавок одного из них вправо и придайте ему ширину. Установите запас на другой. Поместите изображения в них.

Answer 2

Использование float: right с inline-block должно работать нормально.

float может в некоторых редких случаях производить различные результаты по сравнению с браузерами, однако он работает хорошо в 99% случаев.

Джеймс

Answer 3

Вы можете обернуть все изображения в сНу теге добавить класс или идентификатор и задать класс/идентификатор выравнивания текста: справа; или поплавок всех изображений вправо .class img {float: right; }