Välkommen till bildjustering! Om du känner igen det här inlägget, det beror på att det är block som har konverterats från klassikern Pålägg: Bildjustering posta. Det bästa sättet att demonstrera de olika bildpositioneringsalternativens ebb och flöde är att placera dem snyggt i ett ordhav. Ta en paddel och låt oss komma igång. Var noga med att prova det i RTL-läge. Vänster ska vara vänster och höger ska vara åt höger för båda läsanvisningarna.

Om ämnet anpassning, det bör noteras att användare kan välja mellan alternativen för Ingen, Vänster, Höger, och Centrum. Om temat har lagt till stöd för rikta in brett, bilder kan också vara bred och full bredd. Var noga med att testa den här sidan i RTL-läge.

Dessutom, de får också alternativen för bilddimensionerna 25%, 50%, 75%, 100% eller en inställd bredd och höjd.

Bilden ovan råkar vara centrerad.

Resten av detta stycke är fyllmedel för att se texten lindas runt 150×150 bild, vilket är vänsterjusterad.

Som du kan se borde det finnas något utrymme ovan, Nedan, och till höger om bilden. Texten ska inte krypa på bilden. Krypning är bara inte rätt. Bilder behöver också andningsrum. Låt dem tala som du säger. Låt dem göra sina jobb utan problem från texten. I ungefär en mening till här, vi ser att texten rör sig från höger om bilden ner under bilden i sömlös övergång. Igen, att låta det göra det. Uppdrag slutfört!

Och nu för en massivt stor bild. Det har också ingen inriktning.

Bilden ovan, men 1200px bred, bör inte rinna över innehållsområdet. Den ska förbli innesluten utan synlig störning av innehållsflödet.

Och nu ska vi flytta saker till högerjustera. Igen, det borde finnas gott om utrymme ovan, Nedan, och till vänster om bilden. Titta bara på honom där ... Hej kille! Sätt att rocka den högra sidan. Jag bryr mig inte vad den vänsterjusterade bilden säger, du ser bra ut. Låt inte någon annan berätta för dig annorlunda.

På bara lite här, bör du se texten börja slå in under den högerjusterade bilden och sätta sig in snyggt. Det borde fortfarande finnas gott om plats och allt ska sitta vackert. Ja ... Precis så. Det kändes aldrig så bra att ha rätt.

Och precis när du trodde att vi var klara, vi ska göra dem igen med bildtexter!

Bilden ovan råkar vara centrerad. Bildtexten har också en länk i sig, bara för att se om det gör något funky.

Resten av detta stycke är fyllmedel för att se texten lindas runt 150×150 bild, vilket är vänsterjusterad.

Som du kan se borde det finnas något utrymme ovan, Nedan, och till höger om bilden. Texten ska inte krypa på bilden. Krypning är bara inte rätt. Bilder behöver också andningsrum. Låt dem tala som du säger. Låt dem göra sina jobb utan problem från texten. I ungefär en mening till här, vi ser att texten rör sig från höger om bilden ner under bilden i sömlös övergång. Igen, att låta det göra det. Uppdrag slutfört!

Och nu för en massivt stor bild. Det har också ingen inriktning.

Bilden ovan, men 1200px bred, bör inte rinna över innehållsområdet. Den ska förbli innesluten utan synlig störning av innehållsflödet.

Och nu ska vi flytta saker till högerjustera. Igen, det borde finnas gott om utrymme ovan, Nedan, och till vänster om bilden. Titta bara på honom där ... Hej kille! Sätt att rocka den högra sidan. Jag bryr mig inte vad den vänsterjusterade bilden säger, du ser bra ut. Låt inte någon annan berätta för dig annorlunda.

På bara lite här, bör du se texten börja slå in under den högerjusterade bilden och sätta sig in snyggt. Det borde fortfarande finnas gott om plats och allt ska sitta vackert. Ja ... Precis så. Det kändes aldrig så bra att ha rätt.

Tänk dig att vi skulle hitta en användning för den extra breda bilden! Denna bild har bred bredd inriktning:

Kan vi gå större? Denna bild har full bredd inriktning:

Och det är en wrap, Jag! Du överlevde det tumultiga vattnet i inriktningen. Bildjusteringsprestation olåst! En sista sak: Det sista objektet i innehållet i det här inlägget är en miniatyr som flyter till höger. Se till att alla element efter att innehållet rensas ordentligt.