Այս հինգ րոպեանոց դասընթացը բացատրում է, թե ինչպես
Ձեզ հետաքրքրում է, թե ինչպես պետք է բեռնել պատկերը տեքստի աջակցության համար: Եթե այո, ապա դու մենակ չես: Կան շատ իրավիճակներ, երբ ծրագրավորողները ցանկանում են, որ վեբ էջում պատկերը տեղադրվի տեքստի ներսում, տեքստը հոսող կամ փաթաթված: Բարեբախտաբար, պատկերները մանիպուլյացիան նման է տեքստի մանիպուլյացիայի, այնպես որ, եթե վերջինիս հետ փորձառություն ունեք, այդ գործընթացը չպետք է դժվար լինի:
Փաստորեն, CSS- ի բեռնաթափման հատկությամբ, հեշտ է տեղադրեք ձեր պատկերը `տեքստի աջ կողմում եւ դրա շուրջ տեքստը հոսում է ձախ կողմում : Օգտագործեք այս հինգ րոպեանոց դասընթացը `սովորելու համար:
Սկսել
Սկսելու համար գրեք տեքստի պարբերություն եւ դրեք պարբերության սկզբում պատկեր: Դա պետք է արվի տեքստի առաջ, բայց
tagից հետո:
Հաջորդը, նկարին ավելացնել ոճի հատկանիշ եւ կիրառել float property:
Ձեր տեքստը կհամապատասխանի պատկերի դեմ, ուստի ավելացրեք պատկերի որոշ հատվածներ `հեշտացնելու համար:
The margin shorthand property- ը սահմանում է վերին, աջ, ներքեւ եւ ձախ ( TRBL ) պատյանները :
Փաթեթավորումը
Եվ դա այն է: Այժմ տեսնում եք, որ իրավունքի վրա լողացող պատկերը բոլորովին դժվար չէ: Կարող եք նաեւ շահագրգռված լինել ձախ կողմում գտնվող պատկերով լողացող եւ այն լողացող կենտրոն: Չնայած առաջին քայլը հնարավոր է, ցավոք սրտի, չեք կարող պատկերն ուղարկել կենտրոնին, քանի որ դա սովորաբար պահանջում է երկու սյունակ: