Paano Lumutang ang isang Larawan sa Karapatan ng Teksto

Ang limang-minutong tutorial na ito ay nagpapaliwanag kung paano

Interesado ka ba sa pag-aaral kung paano lumutang ang isang imahe sa kanan ng teksto? Kung gayon, hindi ka nag-iisa. 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

):

Mag-iwan ng ilang mga oras na ito upang maiwasan ang mabilis na pag-iral sa pag-uusapan. Huwag mag-isip ng isang bagay, upang makagawa ng isang mahusay na mag-aaral. Naaalala sa pag-eehersisyo sa pagbubuntis. Mollit anim id est laborum.

Susunod, magdagdag ng estilo ng katangian sa larawan at ilapat ang float property:

style = "float: right;" />

Ang iyong teksto ay rammed up kanan laban sa mga imahe, kaya magdagdag ng ilang mga margin sa imahe upang gawing mas madaling basahin:

margin: 0 5px 0 0; " />

Ang margin shorthand property ay naaangkop sa mga gilid sa itaas, kanan, ibaba at kaliwa ( TRBL ) na order .

Pagbabalot Up

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. Habang ang unang paglipat ay posible, sa kasamaang palad hindi ka maaaring lumutang ng isang imahe sa gitna, dahil karaniwan ay nangangailangan ng isang layout ng dalawang haligi.