Dobrodošli v poravnavi slike! Če prepoznate to objavo, to je zato, ker gre za bloke, ki so bili pretvorjeni iz klasičnih Označevanje: Poravnava slike objava. Najboljši način za prikaz upada in pretoka različnih možnosti pozicioniranja slike je, če jih prilepite med ocean besed. Primite veslo in začnimo. Poskusite v načinu RTL. Levo naj ostane levo, desno pa desno za obe smeri branja.

Na temo poravnave, treba je opozoriti, da lahko uporabniki izbirajo med možnostmi Nobenega, Levo, Prav, in Center. Če je tema dodala podporo za poravnaj široko, slike so lahko tudi široko in celotna širina. Preizkusite to stran v načinu RTL.

Poleg tega, dobijo tudi možnosti dimenzij slike 25%, 50%, 75%, 100% ali nastavljeno širino in višino.

Zdi se, da je zgornja slika centrirano.

Preostali del tega odstavka je poln, da se besedilo zavije okoli 150×150 slike, kateri je levo poravnano.

Kot lahko vidite, naj bo nekaj prostora zgoraj, spodaj, in na desni strani slike. Besedilo ne sme plaziti po sliki. Plazenje preprosto ni prav. Tudi slike potrebujejo prostor za dihanje. Naj govorijo kot ti besede. Naj opravljajo svoja dela brez kakršnih koli težav z besedilom. V približno enem stavku še tukaj, videli bomo, da se besedilo v brezhibnem prehodu premika od desne strani slike navzdol pod sliko. Ponovno, pustite, da se to zgodi. Naloga opravljena!

In zdaj za ogromno velika slika. Prav tako je brez poravnave.

Slika zgoraj, čeprav 1200px širok, ne sme preplaviti področja vsebine. Vsebina naj ostane brez vidnih motenj v pretoku vsebine.

In zdaj bomo stvari prestavili na desno poravnaj. Ponovno, zgoraj bi moralo biti dovolj prostora, spodaj, in na levi strani slike. Samo poglejte ga tam ... Hej fant! Pot do desne strani. Vseeno mi je, kaj pravi levo poravnana slika, izgledaš odlično. Ne dovolite, da vam kdo drug reče drugače.

Le malo tukaj, videli bi, da se besedilo začne zaviti pod desno poravnano sliko in se lepo usede. Prostora bi moralo biti še dovolj in vse bi moralo lepo sedeti. Ja ... Samo tako. Nikoli se mi ni zdelo prav, da imam prav.

In ravno takrat, ko ste mislili, da smo končali, ponovili jih bomo znova z napisi!

Zdi se, da je zgornja slika centrirano. Napis ima tudi povezavo, samo da vidim, če naredi kaj funky.

Preostali del tega odstavka je poln, da se besedilo zavije okoli 150×150 slike, kateri je levo poravnano.

Kot lahko vidite, naj bo nekaj prostora zgoraj, spodaj, in na desni strani slike. Besedilo ne sme plaziti po sliki. Plazenje preprosto ni prav. Tudi slike potrebujejo prostor za dihanje. Naj govorijo kot ti besede. Naj opravljajo svoja dela brez kakršnih koli težav z besedilom. V približno enem stavku še tukaj, videli bomo, da se besedilo v brezhibnem prehodu premika od desne strani slike navzdol pod sliko. Ponovno, pustite, da se to zgodi. Naloga opravljena!

In zdaj za ogromno velika slika. Prav tako je brez poravnave.

Slika zgoraj, čeprav 1200px širok, ne sme preplaviti področja vsebine. Vsebina naj ostane brez vidnih motenj v pretoku vsebine.

In zdaj bomo stvari prestavili na desno poravnaj. Ponovno, zgoraj bi moralo biti dovolj prostora, spodaj, in na levi strani slike. Samo poglejte ga tam ... Hej fant! Pot do desne strani. Vseeno mi je, kaj pravi levo poravnana slika, izgledaš odlično. Ne dovolite, da vam kdo drug reče drugače.

Le malo tukaj, videli bi, da se besedilo začne zaviti pod desno poravnano sliko in se lepo usede. Prostora bi moralo biti še dovolj in vse bi moralo lepo sedeti. Ja ... Samo tako. Nikoli se mi ni zdelo prav, da imam prav.

Predstavljajte si, da bi našli uporabo za zelo široko sliko! Ta slika ima široka širina poravnava:

Lahko gremo večji? Ta slika ima celotna širina poravnava:

In to je zavitek, jaz! Preživeli ste burne vode usklajevanja. Dosežek poravnave slike je odklenjen! Še zadnja stvar: Zadnji element v vsebini te objave je sličica, plavajoča desno. Prepričajte se, da se elementi po vsebini pravilno očistijo.