Dacă sunteți interesat să învățați cum să plutiți o imagine în dreapta textului, veți fi bucuroși să știți că este o sarcină destul de simplă. Există multe situații în care programatorii doresc ca o imagine de pe o pagină Web să apară în interiorul textului, textul curgând sau înfășurat în jurul acestuia. Din fericire, manipularea imaginilor este similară cu manipularea textului, deci dacă aveți experiență cu acesta din urmă, acest proces nu ar trebui să fie greu deloc.
De fapt, cu proprietatea float CSS, este ușor să plutiți imaginea în dreapta textului și să aveți textul în jurul acestuia în partea stângă. Utilizați acest tutorial de cinci minute pentru a afla cum.
Noțiuni de bază
Pentru a începe, scrieți un paragraf de text și adăugați o imagine la începutul paragrafului. Acest lucru trebuie făcut înainte de text, dar după
etichetă):
Apoi, adăugați un atribut de stil imaginii și aplicați proprietatea float:
Textul dvs. va fi bătut în sus față de imagine, adăugați astfel câteva margini imaginii pentru a facilita citirea:
Proprietatea stenogramei marjelor aplică marje în ordinea de sus, dreapta, jos și stânga (TRBL). Și asta face. Acum vedeți că o imagine plutind spre dreapta nu este deloc dificilă. Este posibil să vă interesați și să plutiți o imagine în stânga și să o plutiți în centru. În timp ce prima mișcare este posibilă, din păcate, nu puteți să plutiți o imagine în centru, deoarece aceasta ar necesita în mod obișnuit un aspect în două coloane.
Înfășurarea în sus
