Kako plavuti sliko v desno od besedila

Ta petminutna tutorial razloži, kako

Ali ste zainteresirani za učenje, kako plavate sliko na desni strani besedila? Če je tako, niste sami. Obstaja veliko situacij, v katerih se programatorji želijo prikazati na spletni strani slike znotraj besedila z besedilom, ki teče ali ovija okoli nje. K sreči je manipuliranje slik podobno manipuliranju z besedilom, zato, če imate izkušnje s slednjim, ta proces ne bi smel biti težko.

Pravzaprav s CSS float lastnostjo lahko enostavno plavate svojo sliko desno od besedila in da je besedilo na njem obrnjeno na levi strani . Uporabite ta petminutni vadnik, če želite izvedeti, kako.

Začetek

Za začetek napišite odstavek besedila in dodajte sliko na začetku odstavka. To je treba narediti pred besedilom, vendar po oznaki

:

Duis aute se je začel sedem do eiusmod začasno nezaslišano v reprehenderit v voluptate. Kupidat je nepropusten, v labore in dolore magna aliqua. Neuspešno v izvlečku culpa quis nostrud excepteur sint occaecat. Mollit anim id est laborum.

Nato dodajte atribut sloga na sliko in uporabite lastnost float:

style = "float: desno;" />

Vaše besedilo bo oklepljeno proti sliki, zato si sliko dodajte nekaj robov, da boste lažje berili:

margin: 0 5px 0 0; " />

Robna glava se skrajša na robovih zgoraj, desno, spodaj in levo ( TRBL ).

Zavijanje

In to naredi. Sedaj vidite, da plavajoča slika na desno ni sploh težavna. Morda vas bo zanimalo, da plavate sliko na levo in ga plavate v središče. Medtem ko je prvi premik možen, na žalost ne morete plavuti slike v središče, ker bi to običajno zahtevalo postavitev dveh stolpcev.