Skip to main content

Kako uporabljati CSS za plavajočo sliko v desno

Anonim

Če ste zainteresirani za učenje, kako plavate sliko na desni strani besedila, boste z veseljem vedeli, da je to precej preprosta naloga. 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 storiti pred besedilom, vendar po

oznaka):

Nato dodajte atribut sloga na sliko in uporabite lastnost float:

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

Suni

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 prva poteza mogoče, na žalost ne morete plavuti slike v središče, ker bi to običajno zahtevalo postavitev dveh stolpcev.