Unsaon sa Paglaraw ang usa ka Imahen sa Katungod sa Teksto

Kini nga lima ka minuto nga panudlo nagpatin-aw kon giunsa

Interesado ka ba nga makat-on unsaon paglutaw sa usa ka imahen sa katungod sa teksto? Kon mao, wala ka mag-inusara. Adunay daghang mga sitwasyon diin ang mga programmer gusto nga ang usa ka imahe sa usa ka Web page nga makita sa sulod sa teksto uban sa teksto nga nag-agay o naputos niini. Mapasalamaton, ang paggamit sa mga hulagway susama sa paggamit sa teksto, busa kon ikaw adunay kasinatian sa naulahi, kini nga proseso kinahanglan dili lisud.

Sa pagkatinuod, uban sa CSS float property, sayon ​​ang paglutaw sa imong hulagway sa tuo sa teksto ug ipaagi ang teksto sa palibot niini sa wala nga bahin . Gamita kini nga lima ka minuto nga panudlo aron makat-on unsaon.

Pagsugod

Sa pagsugod, pagsulat og usa ka parapo sa teksto ug idugang ang usa ka larawan sa pagsugod sa parapo. Kini kinahanglan nga buhaton sa wala pa ang teksto apan human sa

tag):

Duis aute irure dolor sed do eiusmod tempor incididunt in reprehenderit in voluptate. Pag-uswag sa dili madugay, aron makahimo ka ug magamit nga magamit. Ang pagsulay sa pagbag-o gawas sa pagbansay-bansay gawas sa wala. Mollit an id est laborum.

Sunod, idugang ang estilo nga hiyas sa larawan ug iaplay ang float property:

style = "float: right;" />

Ang imong teksto pagalumpagon paingon sa hulagway, busa idugang ang pipila ka mga margin ngadto sa hulagway aron kini masayon ​​nga basahon:

margin: 0 5px 0 0; " />

Ang gilay-on nga gilay-on nga kabtangan nagpadapat sa mga margin sa han-ay sa ibabaw, tuo, ubos ug wala ( TRBL ).

Pagbungkag

Ug kana ang ginabuhat niini. Karon nakita nimo nga ang paglutaw sa usa ka imahen sa tuo dili lisod. Mahimo usab ikaw nga interesado sa paglutaw sa usa ka imahen sa wala ug paglutaw niini sa sentro. Samtang ang una nga paglihok posible, sa kasubo dili ka makalutaw sa usa ka imahen ngadto sa sentro, tungod kay kini kasagarang nagkinahanglan og duha ka kolum nga layout.