Добро пожаловать в выравнивание изображений! Если вы узнаете этот пост, это потому, что это блоки, которые были преобразованы из классических Разметка: Выравнивание изображения Почта. Лучший способ продемонстрировать приливы и отливы различных вариантов позиционирования изображения - это уютно расположить их среди океана слов.. Возьмите весло и приступим. Обязательно попробуйте в режиме RTL. Левый должен оставаться левым, а правый должен оставаться правым в обоих направлениях чтения..

По теме выравнивания, Следует отметить, что пользователи могут выбирать из вариантов Никто, Левый, Верно, и Центр. Если в теме добавлена ​​поддержка выровнять по ширине, изображения также могут быть широкий и полная ширина. Обязательно протестируйте эту страницу в режиме RTL.

Кроме того, они также получают параметры размеров изображения 25%, 50%, 75%, 100% или установить ширину и высоту.

Изображение выше оказывается по центру.

Остальная часть этого абзаца является заполнителем, чтобы увидеть, как текст обтекает 150×150 изображение, который с выравниванием по левому краю.

Как видите, над ним должно быть свободное место, ниже, и справа от изображения. Текст не должен расползаться по изображению. Ползать просто неправильно. Изображениям тоже нужна передышка. Пусть говорят, как ты, слова. Пусть делают свою работу без лишних хлопот с текстом. Еще примерно одно предложение здесь, мы увидим, что текст перемещается справа от изображения вниз под изображением с плавным переходом. Очередной раз, позволить сделать это. Миссия выполнена!

А теперь очень большое изображение. Он также имеет нет выравнивания.

Изображение выше, хотя ширина 1200 пикселей, не должен выходить за пределы области содержимого. Он должен оставаться изолированным без видимого нарушения потока контента..

А теперь мы перейдем к выровнять по правому краю. Очередной раз, наверху должно быть много места, ниже, и слева от изображения. Вы только посмотрите на него ... Эй, парень! Способ раскачать эту правую сторону. Меня не волнует, что говорит изображение с выравниванием по левому краю, ты прекрасно выглядишь. Не позволяйте никому говорить вам иначе.

Немного здесь, вы должны увидеть, как текст начинает переноситься под выровненным по правому краю изображением и красиво закрепляется. Места по-прежнему должно быть много, и все должно сидеть красиво. Да ... вот так. Никогда не было так хорошо быть правым.

И когда вы думали, что мы закончили, мы собираемся повторить их снова с субтитрами!

Изображение выше оказывается по центру. В подписи также есть ссылка, просто чтобы посмотреть, делает ли он что-нибудь фанковое.

Остальная часть этого абзаца является заполнителем, чтобы увидеть, как текст обтекает 150×150 изображение, который с выравниванием по левому краю.

Как видите, над ним должно быть свободное место, ниже, и справа от изображения. Текст не должен расползаться по изображению. Ползать просто неправильно. Изображениям тоже нужна передышка. Пусть говорят, как ты, слова. Пусть делают свою работу без лишних хлопот с текстом. Еще примерно одно предложение здесь, мы увидим, что текст перемещается справа от изображения вниз под изображением с плавным переходом. Очередной раз, позволить сделать это. Миссия выполнена!

А теперь очень большое изображение. Он также имеет нет выравнивания.

Изображение выше, хотя ширина 1200 пикселей, не должен выходить за пределы области содержимого. Он должен оставаться изолированным без видимого нарушения потока контента..

А теперь мы перейдем к выровнять по правому краю. Очередной раз, наверху должно быть много места, ниже, и слева от изображения. Вы только посмотрите на него ... Эй, парень! Способ раскачать эту правую сторону. Меня не волнует, что говорит изображение с выравниванием по левому краю, ты прекрасно выглядишь. Не позволяйте никому говорить вам иначе.

Немного здесь, вы должны увидеть, как текст начинает переноситься под выровненным по правому краю изображением и красиво закрепляется. Места по-прежнему должно быть много, и все должно сидеть красиво. Да ... вот так. Никогда не было так хорошо быть правым.

Представьте, что мы найдем применение сверхширокому изображению.! Это изображение имеет широкая ширина выравнивание:

Можем ли мы пойти дальше? Это изображение имеет полная ширина выравнивание:

И это конец, я! Вы пережили бурные воды выравнивания. Достижение выравнивания изображений разблокировано! Последняя вещь: Последний элемент в содержании этого сообщения - это уменьшенное изображение, перемещаемое вправо.. Убедитесь, что все элементы после содержимого очищаются правильно.