Ласкаво просимо до вирівнювання зображень! Найкращий спосіб продемонструвати припливи і відпливи різних варіантів позиціонування зображень – це затишно розташувати їх серед океану слів. Візьміть весло і давайте почнемо.
Щодо вирівнювання, слід зазначити, що користувачі можуть вибирати між варіантами «Немає», «Зліва», «Праворуч» і «По центру». Крім того, вони також отримують опції «Ескіз», «Середній», «Великий» і «Повнорозмірний».
Зображення вище розташоване по центру.
Решта абзацу є заповненням для того, щоб побачити, як текст обертається навколо зображення розміром 150×150, яке вирівняно ліворуч.
Як ви можете бачити, над, під і праворуч від зображення має бути вільний простір. Текст не повинен наповзати на зображення. Повзучість – це неправильно. Зображенням теж потрібен простір для дихання. Дозвольте їм говорити, як ви. Дозвольте їм робити свою роботу без жодних перешкод з боку тексту. Ще через одне речення ми побачимо, що текст плавно переходить з правого боку зображення вниз під зображенням. Знову ж таки, дозвольте їм робити свою справу. Місія виконана!
А тепер велике зображення. Воно також не має вирівнювання.
Зображення вище, хоч і має ширину 880 пікселів, не повинно переповнювати область контенту. Воно повинно залишатися в межах без видимого порушення потоку контенту.
А тепер ми змістимо все вправо, вирівнявши зображення. Знову ж таки, зверху, знизу і зліва від зображення має бути достатньо місця. Погляньте на нього… Привіт, друже! Як ти розгойдав цю праву сторону. Мені байдуже, що говорить вирівняне зліва зображення, ви виглядаєте чудово. Не дозволяйте нікому говорити вам інакше.
Згодом ви побачите, що текст починає загортатися під вирівняним праворуч зображенням і гарно розташовується. Місця все ще має бути достатньо, і все повинно виглядати гарно. Так… Саме так. Ніколи ще не було так приємно бути правим.
І щойно ви подумали, що ми закінчили, ми зробимо їх знову з підписом!
Зображення вище розташоване по центру. У підписі також є посилання, просто щоб перевірити, чи не буде це чимось дивним.
І це кінець, йоу! Ви пережили бурхливі води вирівнювання. Досягнення вирівнювання зображення розблоковано!