Ласкаво просимо до вирівнювання зображень! Найкращий спосіб продемонструвати припливи і відпливи різних варіантів позиціонування зображень - це затишно розташувати їх серед океану слів. Візьміть весло і давайте почнемо.

На тему вирівнювання слід зазначити, що користувачі можуть вибрати один з варіантів Ні.Ліворуч.Гаразд, і Центр. Крім того, вони також отримують можливість ЕскізСереднійВеликий & Повнорозмірний.

Image Alignment 580x300

Зображення вище - це по центру.

Image Alignment 150x150Решта абзацу є заповненням для того, щоб побачити, як текст обертається навколо зображення розміром 150×150, а саме вирівняно по лівому краю

Як ви можете бачити, над, під і праворуч від зображення має бути вільний простір. Текст не повинен наповзати на зображення. Повзучість - це неправильно. Зображенням теж потрібен простір для дихання. Дозвольте їм говорити, як ви. Дозвольте їм робити свою роботу без жодних перешкод з боку тексту. Ще через одне речення ми побачимо, що текст плавно переходить з правого боку зображення вниз під зображенням. Знову ж таки, дозвольте їм робити свою справу. Місія виконана!

А тепер про масивне велике зображення. У ньому також є немає вирівнювання.

Image Alignment 1200x400

Зображення вище, хоч і має ширину 1200 пікселів, не повинно переповнювати область контенту. Воно повинно залишатися в межах області без видимого порушення потоку контенту.

Image Alignment 300x200

А зараз ми перейдемо до вирівняти вправо. Знову ж таки, зверху, знизу і зліва від зображення має бути достатньо місця. Тільки подивіться на нього... Гей, хлопче! Як у тебе з правим боком. Мені байдуже, що говорить вирівняне зліва зображення, ви виглядаєте чудово. Не дозволяйте нікому говорити вам інакше.

Згодом ви побачите, що текст починає загортатися під вирівняним праворуч зображенням і гарно розташовується. Місця все ще має бути достатньо, і все повинно виглядати гарно. Так... Саме так. Ніколи ще не було так приємно бути правим.

І щойно ви подумали, що ми закінчили, ми зробимо їх знову з титрами!

Image Alignment 580x300

Подивіться на 580×300, щоб отримати деякі підпис кохання.

Зображення вище - це по центру. У підписі також є посилання, просто щоб перевірити, чи не буде це чимось фанковим.

Image Alignment 150x150

Крихітний підпис.

Решта абзацу є заповненням для того, щоб побачити, як текст обертається навколо зображення розміром 150×150, а саме вирівняно по лівому краю

Як ви можете бачити, над, під і праворуч від зображення має бути вільний простір. Текст не повинен наповзати на зображення. Повзучість - це неправильно. Зображенням теж потрібен простір для дихання. Дозвольте їм говорити, як ви. Дозвольте їм робити свою роботу без жодних перешкод з боку тексту. Ще через одне речення ми побачимо, що текст плавно переходить з правого боку зображення вниз під зображенням. Знову ж таки, дозвольте їм робити свою справу. Місія виконана!

А тепер про масивне велике зображення. У ньому також є немає вирівнювання.

Image Alignment 1200x400

Масивний коментар до зображення для ваших очей.

Зображення вище, хоч і має ширину 1200 пікселів, не повинно переповнювати область контенту. Воно повинно залишатися в межах області без видимого порушення потоку контенту.

Image Alignment 300x200

Приємно завжди бути правим.

А зараз ми перейдемо до вирівняти вправо. Знову ж таки, зверху, знизу і зліва від зображення має бути достатньо місця. Тільки подивіться на нього... Гей, хлопче! Як у тебе з правим боком. Мені байдуже, що говорить вирівняне зліва зображення, ви виглядаєте чудово. Не дозволяйте нікому говорити вам інакше.

Згодом ви побачите, що текст починає загортатися під вирівняним праворуч зображенням і гарно розташовується. Місця все ще має бути достатньо, і все повинно виглядати гарно. Так... Саме так. Ніколи ще не було так приємно бути правим.

І це кінець, йоу! Ви пережили бурхливі води вирівнювання. Досягнення вирівнювання зображення розблоковано!