Hvernig á að fljóta mynd til hægri við texta

Þessi fimm mínútna kennsla útskýrir hvernig

Ertu áhuga á að læra hvernig á að fljóta mynd til hægri á texta? Ef svo er, ert þú ekki einn. Það eru margar aðstæður þar sem forritarar vilja að mynd á vefsíðu sést inni í textanum þegar textinn flýtur eða vafinn um það. Til hamingju með að breyta myndum er svipað og að nota texta, þannig að ef þú hefur reynslu af síðarnefnda ætti þetta ferli ekki að vera erfitt.

Reyndar, með CSS float eigninni, er auðvelt að fljóta myndina til hægri á textanum og hafa texta flæða um það á vinstri hlið . Notaðu þetta fimm mínútna námskeið til að læra hvernig.

Að byrja

Til að byrja skaltu skrifa textaritgerð og bæta við mynd í upphafi málsins. Þetta ætti að vera gert fyrir textann en eftir

merkið):

Þú ert óeðlilega órjúfanlegur dolor sed do eiusmod tímabundin tilviljun í refsingu í voluptate. Cupidatat non proident, útbúinn og ólíkur magna aliqua. Sunt í culpa þar sem ekki er unnt að nota æfinguna. Mollit anim id er vinnuafl.

Næst skaltu bæta við stileiginleika við myndina og beita flot eign:

style = "fljóta: hægri;" />

Textinn þinn verður rammaður rétt upp á móti myndinni, þannig að bæta við nokkrum litum á myndina til að auðvelda þér að lesa:

framlegð: 0 5px 0 0; " />

Sniðmát eignarhæðin gildir margar í röðinni efst, hægri, neðst og vinstri ( TRBL ).

Klára

Og það gerir það. Nú sérðu að fljótandi mynd til hægri er ekki erfitt yfirleitt. Þú gætir líka haft áhuga á að fljóta mynd til vinstri og fljóta það í miðjuna. Þó að fyrsta hreyfingin sé möguleg, getur þú því miður ekki flot mynd í miðjuna, þar sem það myndi venjulega krefjast tveggja dálka skipulag.