Tämä viiden minuutin opetusohjelma kertoo miten
Haluatko oppia kuvaamaan tekstiä oikealla tavalla? Jos näin on, et ole yksin. 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ä on tehtävä ennen tekstin, mutta
-tunnisteen jälkeen):
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 ).
Käärimistä
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 layouta.