Jos olet kiinnostunut oppimasta kuvaa kelluvan kuvan oikealla puolella, voit mielestäsi olla melko yksinkertainen tehtävä. On monia tilanteita, joissa ohjelmoijat haluavat, että Web-sivulla oleva kuva näkyy tekstin sisällä tekstillä, joka virtaa tai ympäröi sitä. Onneksi kuvioiden manipulointi on samanlaista kuin tekstin manipulointi, joten jos sinulla on kokemusta jälkimmäisestä, tämän prosessin ei pitäisi olla vaikea ollenkaan.
Itse asiassa CSS float -ominaisuuden avulla on helppo flooida kuvaa tekstin oikealla puolella ja tekstin virtaus vasemmalla puolella. Käytä tätä viiden minuutin opetusohjelmaa oppiaksesi.
Päästä alkuun
Aloita kirjoittamalla tekstin kohta ja lisäämällä kuva kappaleen alkuun. Tämä olisi tehtävä ennen tekstin, mutta sen jälkeen
tag):
Seuraavaksi lisää tyyppihyväksyntä kuvaan ja käytä float-ominaisuutta:
Teksti riittäytyy kuvan vastaisesti, joten lisää reunoja kuvaan helpottamaan sen lukemista:
Marginaalin lyhennelmäominaisuus koskee marginaaleja järjestyksessä yläosassa, oikeassa, alhaalla ja vasemmalla (TRBL). Ja se tekee sen. Nyt näet, että kelluva kuva oikealle ei ole ollenkaan vaikeaa. Saatat myös olla kiinnostunut kuvan kellastumisesta vasemmalle ja kellumaan sen keskelle. Vaikka ensimmäinen siirto on mahdollinen, valitettavasti et voi flooata kuvaa keskustaan, koska se edellyttäisi tyypillisesti kahden sarakkeen asettelua.
Käärimistä
