Ինչպես խեղաթյուրել նկարը տեքստի իրավունքի համար

Այս հինգ րոպեանոց դասընթացը բացատրում է, թե ինչպես

Ձեզ հետաքրքրում է, թե ինչպես պետք է բեռնել պատկերը տեքստի աջակցության համար: Եթե ​​այո, ապա դու մենակ չես: Կան շատ իրավիճակներ, երբ ծրագրավորողները ցանկանում են, որ վեբ էջում պատկերը տեղադրվի տեքստի ներսում, տեքստը հոսող կամ փաթաթված: Բարեբախտաբար, պատկերները մանիպուլյացիան նման է տեքստի մանիպուլյացիայի, այնպես որ, եթե վերջինիս հետ փորձառություն ունեք, այդ գործընթացը չպետք է դժվար լինի:

Փաստորեն, CSS- ի բեռնաթափման հատկությամբ, հեշտ է տեղադրեք ձեր պատկերը `տեքստի աջ կողմում եւ դրա շուրջ տեքստը հոսում է ձախ կողմում : Օգտագործեք այս հինգ րոպեանոց դասընթացը `սովորելու համար:

Սկսել

Սկսելու համար գրեք տեքստի պարբերություն եւ դրեք պարբերության սկզբում պատկեր: Դա պետք է արվի տեքստի առաջ, բայց

tagից հետո:

Դուռը կարող է ինքնուրույն կերպով բացատրել, Ոչ ոք չգիտի, թե ինչ է կատարվում եւ աշխատում է: Շարունակել ընթերցումը առանց բացառության սանդղակի: Հեղինակային իրավունք.

Հաջորդը, նկարին ավելացնել ոճի հատկանիշ եւ կիրառել float property:

style = "float: right;" />

Ձեր տեքստը կհամապատասխանի պատկերի դեմ, ուստի ավելացրեք պատկերի որոշ հատվածներ `հեշտացնելու համար:

margin: 0 5px 0 0; ">

The margin shorthand property- ը սահմանում է վերին, աջ, ներքեւ եւ ձախ ( TRBL ) պատյանները :

Փաթեթավորումը

Եվ դա այն է: Այժմ տեսնում եք, որ իրավունքի վրա լողացող պատկերը բոլորովին դժվար չէ: Կարող եք նաեւ շահագրգռված լինել ձախ կողմում գտնվող պատկերով լողացող եւ այն լողացող կենտրոն: Չնայած առաջին քայլը հնարավոր է, ցավոք սրտի, չեք կարող պատկերն ուղարկել կենտրոնին, քանի որ դա սովորաբար պահանջում է երկու սյունակ: