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
:
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:
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.