Kung interesado ka sa pag-aaral kung paano lumutang ang isang imahe sa kanan ng teksto, ikaw ay magiging masaya na malaman na ito ay isang medyo simpleng gawain. Maraming mga sitwasyon kung saan ang mga programmer ay nais ng isang imahe sa isang pahina ng Web upang lumitaw sa loob ng teksto sa teksto na dumadaloy o nakabalot sa paligid nito. Sa kabutihang palad, ang pagmamanipula ng mga imahe ay katulad ng pagmamanipula ng teksto, kaya kung mayroon kang karanasan sa huli, ang prosesong ito ay hindi dapat maging mahirap sa lahat.
Sa katunayan, kasama ang property ng float ng CSS, madali itong lumutang sa iyong imahe sa kanan ng teksto at ang daloy ng teksto sa paligid nito sa kaliwang bahagi. Gamitin ang limang minuto na tutorial upang malaman kung paano.
Nagsisimula
Upang magsimula, magsulat ng isang talata ng teksto at magdagdag ng isang imahe sa simula ng talata. Ito ay dapat gawin bago ang teksto ngunit pagkatapos ng
tag):
Susunod, magdagdag ng estilo ng katangian sa larawan at ilapat ang float property:
Ang iyong teksto ay rammed up kanan laban sa mga imahe, kaya magdagdag ng ilang mga margin sa imahe upang gawing mas madaling basahin:
Ang margin shorthand property ay naaangkop sa mga gilid sa itaas, kanan, ibaba at kaliwa (TRBL) na order. At ginagawa iyan. Ngayon nakikita mo na lumulutang ang isang imahe sa kanan ay hindi mahirap sa lahat. Maaari ka ring maging interesado sa lumulutang isang imahe sa kaliwa at lumulutang ito sa sentro. Bagaman ang unang paglipat ay posible, sa kasamaang-palad, hindi mo maaaring lumutang ang isang imahe sa gitna, dahil karaniwan ay nangangailangan ng layout ng dalawang haligi.
Pagbabalot Up
