Добре дошли в подравняването на изображението! Ако разпознаете този пост, това е, защото това са блокове, които са преобразувани от класическите Маркиране: Подравняване на изображението пост. Най-добрият начин да демонстрирате приливите и отливите на различните опции за позициониране на изображението е да ги прилепите плътно сред океан от думи. Вземете гребло и да започнем. Не забравяйте да го изпробвате в режим RTL. Лявото трябва да остане ляво, а дясното да остане дясно и за двете посоки на четене.

По темата за подравняването, трябва да се отбележи, че потребителите могат да избират от опциите на Нито един, Наляво, Нали, и Център. Ако темата има добавена поддръжка за подравнете широко, изображенията също могат да бъдат широк и пълна ширина. Не забравяйте да тествате тази страница в режим RTL.

В допълнение, те също получават опциите за размерите на изображението 25%, 50%, 75%, 100% или зададена ширина и височина.

Горното изображение е така центрирано.

Останалата част от този абзац е пълнител, за да види как текстът се увива около 150×150 изображение, кое е подравнено вляво.

Както можете да видите, трябва да има малко пространство по-горе, По-долу, и вдясно от изображението. Текстът не трябва да пълзи по изображението. Пълзенето просто не е правилно. Изображенията също се нуждаят от дишане. Нека говорят като вас думи. Оставете ги да си вършат работата без никакви неприятности от текста. Около още едно изречение тук, ще видим, че текстът се движи отдясно на изображението надолу под изображението при плавен преход. Отново, оставяйки го да се направи, това е thang. Мисията изпълнена!

А сега за a огромно голямо изображение. Също така има без подравняване.

Изображението по-горе, макар 1200px широк, не трябва да прелива в областта на съдържанието. Той трябва да остане сдържан, без видими смущения в потока на съдържанието.

И сега ще изместим нещата към дясно подравняване. Отново, горе трябва да има много място, По-долу, и вляво от изображението. Просто го погледнете там ... Хей, момче! Начин на разтърсване от дясната страна. Не ме интересува какво казва лявото подравнено изображение, изглеждаш страхотно. Не позволявайте на никой друг да ви казва по различен начин.

Само малко тук, трябва да видите как текстът започва да се увива под дясното подравнено изображение и да се настани добре. Все още трябва да има достатъчно място и всичко трябва да седи красиво. Да ... Точно така. Никога не се чувствах толкова добре да съм прав.

И точно когато си помислихте, че сме готови, ще ги направим отново с надписи!

Горното изображение е така центрирано. Надписът също има връзка в него, само за да видя дали прави нещо фънки.

Останалата част от този абзац е пълнител, за да види как текстът се увива около 150×150 изображение, кое е подравнено вляво.

Както можете да видите, трябва да има малко пространство по-горе, По-долу, и вдясно от изображението. Текстът не трябва да пълзи по изображението. Пълзенето просто не е правилно. Изображенията също се нуждаят от дишане. Нека говорят като вас думи. Оставете ги да си вършат работата без никакви неприятности от текста. Около още едно изречение тук, ще видим, че текстът се движи отдясно на изображението надолу под изображението при плавен преход. Отново, оставяйки го да се направи, това е thang. Мисията изпълнена!

А сега за a огромно голямо изображение. Също така има без подравняване.

Изображението по-горе, макар 1200px широк, не трябва да прелива в областта на съдържанието. Той трябва да остане сдържан, без видими смущения в потока на съдържанието.

И сега ще изместим нещата към дясно подравняване. Отново, горе трябва да има много място, По-долу, и вляво от изображението. Просто го погледнете там ... Хей, момче! Начин на разтърсване от дясната страна. Не ме интересува какво казва лявото подравнено изображение, изглеждаш страхотно. Не позволявайте на никой друг да ви казва по различен начин.

Само малко тук, трябва да видите как текстът започва да се увива под дясното подравнено изображение и да се настани добре. Все още трябва да има достатъчно място и всичко трябва да седи красиво. Да ... Точно така. Никога не се чувствах толкова добре да съм прав.

Представете си, че ще намерим приложение за изключително широкото изображение! Това изображение има широка ширина подравняване:

Можем ли да отидем по-големи? Това изображение има пълна ширина подравняване:

И това е обвивка, Аз! Преживяхте бурните води на подреждането. Постижението за подравняване на изображението е отключено! Последно нещо: Последният елемент в съдържанието на тази публикация е миниизображение вдясно. Уверете се, че всички елементи след съдържанието се изчистват правилно.