Žymėjimas: Paveikslėlio išlyginimas

Sveiki atvykę į vaizdų derinimą! Geriausias būdas parodyti įvairių vaizdų padėties nustatymo parinkčių atoslūgius ir atoslūgius - juos patogiai įsitaisyti tarp žodžių vandenyno. Griebkite irklą ir pradėkime.

Kalbant apie derinimą, reikėtų pažymėti, kad naudotojai gali rinktis iš šių parinkčių NėraKairėje pusėjeTeisė, ir Centras. Be to, jie taip pat gali rinktis MiniatiūrosVidutinisDidelis & Viso dydžio.

Vaizdų derinimas 580x300

Viršuje esantis paveikslėlis yra centre.

Vaizdų derinimas 150x150Likusi šios pastraipos dalis yra užpildas, kad matytumėte, kaip tekstas apgaubia 150×150 paveikslėlį, kuris yra išlygintas į kairę.

Kaip matote, virš, po ir dešinėje paveikslėlio pusėje turi būti šiek tiek vietos. Tekstas neturėtų būti užlipęs ant paveikslėlio. Šliaužiantis tekstas yra netinkamas. Vaizdams taip pat reikia erdvės. Leiskite jiems kalbėti kaip ir žodžiams. Leiskite jiems atlikti savo darbą be jokio teksto trukdymo. Maždaug dar vienu sakiniu čia pamatysime, kad tekstas sklandžiai pereina iš vaizdo dešinės pusės žemyn po vaizdu. Vėlgi leiskite tekstui atlikti savo darbą. Misija įvykdyta!

O dabar masiškai didelis vaizdas. Jame taip pat yra nėra derinimo.

Vaizdų derinimas 1200x400

Nors pirmiau pateiktas 1200 px pločio paveikslėlis neturėtų užgožti turinio srities. Jis turėtų išlikti neperkrautas ir netrikdyti turinio srauto.

Vaizdų derinimas 300x200

O dabar persikelsime į teisingas derinimas. Vėlgi, virš, po ir kairėje paveikslėlio pusėje turi būti daug vietos. Tik pažvelkite į jį ten... Ei, vaikinas! Taip šūktelėjo į dešinę pusę. Man nesvarbu, ką sako kairėje sulygiuotas vaizdas, atrodai puikiai. Neleiskite, kad kas nors kitas jums sakytų kitaip.

Po kurio laiko tekstas turėtų pradėti vyniotis po dešinėje sulygiuotu paveikslėliu ir gražiai įsitvirtinti. Turėtų likti daug vietos ir viskas turėtų būti gražiai išdėstyta. Taip... Kaip tik taip. Dar niekada nebuvo taip gera būti teisingai.

Ir kai jau manėte, kad baigėme, mes dar kartą juos visus pakartosime su antraštėmis!

Vaizdų derinimas 580x300
Pažvelkite į 580×300 gauti keletą antraštė meilė.

Viršuje esantis paveikslėlis yra centre. Antraštėje taip pat yra nuoroda, tiesiog norėdamas patikrinti, ar ji daro ką nors keisto.

Vaizdų derinimas 150x150
Mažytė antraštė.

Likusi šios pastraipos dalis yra užpildas, kad matytumėte, kaip tekstas apgaubia 150×150 paveikslėlį, kuris yra išlygintas į kairę.

Kaip matote, virš, po ir dešinėje paveikslėlio pusėje turi būti šiek tiek vietos. Tekstas neturėtų būti užlipęs ant paveikslėlio. Šliaužiantis tekstas yra netinkamas. Vaizdams taip pat reikia erdvės. Leiskite jiems kalbėti kaip ir žodžiams. Leiskite jiems atlikti savo darbą be jokio teksto trukdymo. Maždaug dar vienu sakiniu čia pamatysime, kad tekstas sklandžiai pereina iš vaizdo dešinės pusės žemyn po vaizdu. Vėlgi leiskite tekstui atlikti savo darbą. Misija įvykdyta!

O dabar masiškai didelis vaizdas. Jame taip pat yra nėra derinimo.

Vaizdų derinimas 1200x400
Masyvus vaizdo komentaras jūsų akims.

Nors pirmiau pateiktas 1200 px pločio paveikslėlis neturėtų užgožti turinio srities. Jis turėtų išlikti neperkrautas ir netrikdyti turinio srauto.

Vaizdų derinimas 300x200
Geras jausmas visą laiką būti teisiam.

O dabar persikelsime į teisingas derinimas. Vėlgi, virš, po ir kairėje paveikslėlio pusėje turi būti daug vietos. Tik pažvelkite į jį ten... Ei, vaikinas! Taip šūktelėjo į dešinę pusę. Man nesvarbu, ką sako kairėje sulygiuotas vaizdas, atrodai puikiai. Neleiskite, kad kas nors kitas jums sakytų kitaip.

Po kurio laiko tekstas turėtų pradėti vyniotis po dešinėje sulygiuotu paveikslėliu ir gražiai įsitvirtinti. Turėtų likti daug vietos ir viskas turėtų būti gražiai išdėstyta. Taip... Kaip tik taip. Dar niekada nebuvo taip gera būti teisingai.

Ir tai jau pabaiga, yo! Išgyvenote audringus derinimo vandenis. Paveikslėlių derinimo pasiekimas atrakintas!