Nimic complicat pentru a face fluxul de text în jurul imaginilor, nr. În același timp, problema a ceea ce este necesar cod pentru a seta indentarea textului din imagine sau imagini este destul de comună în rândul incepatori, care tocmai au inceput blogging-ul sau înțeleagă elementele de bază ale css html +. In acest articol voi da câteva soluții tipice indentare la textul din imagine în formă de cod css html și.
Metoda 1: Indent textul se încadrează în codul pentru o anumită imagine sau imagini
Un mod simplu de a seta fluxul de text în jurul imaginii, care nu necesită cunoștințe de html și css.
De exemplu, pentru a insera o imagine pe care îl vedeți în acest articol un pic mai mare, cod css html si arata ca acest lucru:
Padding este specificat in sensul acelor de ceasornic, începând cu liniuță pe poza de sus (3px), apoi s-au retras din imaginea din dreapta (12px), etc.
Metoda 2: liniuță o dată pentru toate imaginile într-o unitate de clasa css
Pentru a utiliza această metodă va avea nevoie de cunoștințe de bază din structura site-ului și dorința de a se îngropa în codul sursă.
Dacă fotografii sau alte imagini care urmează să fie inserate în text în mod constant, cu umplutură între imaginile și textul este întotdeauna același, nu are nici un sens să prescrie stilul css pentru fiecare imagine în parte. Este mult mai ușor o dată pentru a descrie offset de imagine la text și alte imagini plasate în acest bloc. Versiunea clasica - se introduce ilustrații în textul blogului.
În continuare, găsiți numele clasei (de exemplu, intrarea numelui său) și se adaugă la clasă suplimentară descriere stil de fișier care definește comportamentul imaginilor (IMG) în blocul de dreapta în fișierul principal stilurile css (de obicei style.css):