Hierdie vyf minute-tutoriaal verduidelik hoe
Het jy belangstelling om te leer hoe om 'n prentjie regs van teks te dryf? Indien wel, is jy nie alleen nie. Daar is baie situasies waar programmeerders 'n prent op 'n webblad wil hê om binne-in die teks te verskyn, terwyl die teks vloei of daardeur toegedraai word. Gelukkig manipuleer beelde soortgelyk aan die manipulering van teks, so as jy ondervinding het met laasgenoemde, moet hierdie proses glad nie moeilik wees nie.
Trouens, met die CSS-float-eiendom, is dit maklik om jou prentjie regs van die teks te dryf en die teks vloei om dit aan die linkerkant . Gebruik hierdie vyf minute tutoriaal om te leer hoe.
Aan die gang kom
Om te begin, skryf 'n paragraaf teks en voeg 'n prent aan die begin van die paragraaf by. Dit moet voor die teks gedoen word, maar na die
tag):
Voeg dan 'n style-kenmerk by die prent en pas die float-eienskap toe:
Jou teks sal reggemaak word teen die prentjie, so voeg 'n paar marges by die prent sodat dit makliker kan lees:
Die marge kort eiendom het marges in die volgorde bo, regs, onder en links ( TRBL ) toegepas.
Klaar maak
En dit doen dit. Nou sien jy dat 'n beeld regs swaai, glad nie moeilik is nie. Jy mag ook belangstel om 'n prentjie na links te dryf en dit na die sentrum te dryf. Terwyl die eerste skuif moontlik is, kan jy ongelukkig nie 'n prentjie na die middel dryf nie, aangesien dit gewoonlik 'n twee kolom uitleg benodig.