Velkommen til bildejustering! Hvis du kjenner igjen dette innlegget, det er fordi dette er blokker som er konvertert fra klassikeren Markup: Bildejustering post. Den beste måten å demonstrere av og på flyten til de forskjellige bildeposisjonsalternativene, er å plassere dem koselig blant et hav av ord. Ta en padle og la oss komme i gang. Sørg for å prøve det i RTL-modus. Venstre skal holde seg til venstre og høyre skal holde seg til høyre for begge leseanvisningene.

Om temaet justering, det bør bemerkes at brukere kan velge mellom alternativene for Ingen, Venstre, Ikke sant, og Senter. Hvis temaet har lagt til støtte for juster bredt, bilder kan også være bred og full bredde. Husk å teste denne siden i RTL-modus.

I tillegg, de får også alternativene for bildedimensjonene 25%, 50%, 75%, 100% eller en angitt bredde og høyde.

Bildet over er tilfeldigvis det sentrert.

Resten av dette avsnittet er fyllstoff for å se teksten vikle rundt 150×150 bilde, som er venstrejustert.

Som du kan se bør det være litt plass ovenfor, under, og til høyre for bildet. Teksten skal ikke krype på bildet. Kryp er rett og slett ikke riktig. Bilder trenger også pusterom. La dem snakke som deg. La dem gjøre jobben sin uten problemer fra teksten. I omtrent en setning til, vi får se at teksten beveger seg fra høyre til bildet og ned under bildet i sømløs overgang. En gang til, la det gjøre det. Oppdrag utført!

Og nå for en massivt stort bilde. Den har også ingen justering.

Bildet over, skjønt 1200 px bredt, skal ikke overløpe innholdsområdet. Den skal forbli inneholdt uten synlig forstyrrelse av flyten av innhold.

Og nå skal vi skifte ting til høyre justering. En gang til, det skal være god plass over, under, og til venstre for bildet. Bare se på ham der ... Hei fyr! Måte å rocke den høyre siden. Jeg bryr meg ikke om hva det venstrejusterte bildet sier, du ser bra ut. Ikke la noen andre fortelle deg annerledes.

Bare litt her, du bør se teksten begynne å pakke under det høyrejusterte bildet og slå seg pent inn. Det skal fortsatt være god plass, og alt skal sitte pent. Ja ... Akkurat sånn. Det føltes aldri så bra å ha rett.

Og akkurat da du trodde vi var ferdige, vi kommer til å gjøre dem igjen med bildetekster!

Bildet over er tilfeldigvis det sentrert. Bildeteksten har også en lenke i seg, bare for å se om det gjør noe funky.

Resten av dette avsnittet er fyllstoff for å se teksten vikle rundt 150×150 bilde, som er venstrejustert.

Som du kan se bør det være litt plass ovenfor, under, og til høyre for bildet. Teksten skal ikke krype på bildet. Kryp er rett og slett ikke riktig. Bilder trenger også pusterom. La dem snakke som deg. La dem gjøre jobben sin uten problemer fra teksten. I omtrent en setning til, vi får se at teksten beveger seg fra høyre til bildet og ned under bildet i sømløs overgang. En gang til, la det gjøre det. Oppdrag utført!

Og nå for en massivt stort bilde. Den har også ingen justering.

Bildet over, skjønt 1200 px bredt, skal ikke overløpe innholdsområdet. Den skal forbli inneholdt uten synlig forstyrrelse av flyten av innhold.

Og nå skal vi skifte ting til høyre justering. En gang til, det skal være god plass over, under, og til venstre for bildet. Bare se på ham der ... Hei fyr! Måte å rocke den høyre siden. Jeg bryr meg ikke om hva det venstrejusterte bildet sier, du ser bra ut. Ikke la noen andre fortelle deg annerledes.

Bare litt her, du bør se teksten begynne å pakke under det høyrejusterte bildet og slå seg pent inn. Det skal fortsatt være god plass, og alt skal sitte pent. Ja ... Akkurat sånn. Det føltes aldri så bra å ha rett.

Tenk deg at vi vil finne et bruk for det ekstra brede bildet! Dette bildet har bred bredde Justering:

Kan vi bli større? Dette bildet har full bredde Justering:

Og det er en wrap, Jeg! Du overlevde det urolige vannet i tilpasningen. Bildjusteringsprestasjon ulåst! En siste ting: Det siste elementet i innholdet til dette innlegget er et miniatyrbilde som er svevet til høyre. Forsikre deg om at elementene etter at innholdet tømmes ordentlig.