Hoe in foto op 'e rjochter fan tekst te floeien

Dizze fiif minuten tutorial ferklearret hoe't

Bist belangstelling te learen hoe't jo in ôfbylding oan it rjocht fan tekst sjitte? As jo ​​sa binne, binne jo net allinich. Der binne in soad situaasjes wêr 't programmers in ôfbylding wolle op in webside om binnen de tekst ferskine te litten mei de tekst dy't flokbyt of omhinne is. Hjirby is it manipulearjen fan bylden ferlykber mei it manipulearjen fan tekst, dus as jo ûnderfining mei dizze lêste hawwe, dan moat dit proses net hurd wêze.

Yn feite, mei it CSS float-eigenskip, is it maklik om jo ôfbylding te rjochtsjen rjochts fan 'e tekst en hawwe de tekst oer it linken rûnom. Brûk dit fyftjin minuze tutorial om te learen hoe.

Begjinne

Om te begjinnen, skriuw in paragraaf fan tekst en foegje in plaatsje oan it begjin fan 'e paragraaf. Dit moat foar de tekst dien wurde, mar nei de

tag:

Duis wachtsje jo op 'e nij yn' e tiid werom. Keppeling om utens bewurkje seksje edit source Sjoch yn 'e kultuer fan' e nostrud-eksposysje ekscepteur sint occaecat. Mollit anim is est laborum.

Druk dêrnei in stylattribute nei it byld en tapasse de float-eigenskip:

style = "float: right;" />

Jo tekst sil rjochts opstean tsjin it byld, sa add some margins oan it byld om it makliker te lêzen:

margin: 0 5px 0 0; " />

De marzje-rjochthawweriging jildt rânen yn 'e oarder boppe, rjochts, boaiem en lofts ( TRBL ).

Ynpakke

En dat docht it. No sjogge jo dat in ôfbylding nei it rjochtsjen is hielendal net dreech. Jo kinne ek belang wêze foar it floatjen fan in ôfbylding nei lofts en it floatjen nei it sintrum. Wylst de earste bewurking mooglik is, kinne jo miskien net in ôfbylding nei it sintrum floeie, lykas dat typysk in twa-kolom-layout nedich is.