Kaip plūdėti vaizdą į teksto teisę

Ši penkių minučių pamoka paaiškina, kaip

Ar jus domina mokymasis, kaip plūdėti vaizdą į tekstą dešinėje? Jei taip, tu ne vieni. Yra daugybė situacijų, kai programuotojai nori, kad tinklalapyje esantis vaizdas būtų rodomas teksto viduje, o tekstas jį apvyniotų. Laimei, manipuliuoti vaizdais yra panašus į teksto manipuliavimą, taigi, jei turite patirties su pastaruoju, šis procesas neturėtų būti sunkus.

Iš tikrųjų, naudojant CSS plūduriuojančią nuosavybę, lengva pervadinti vaizdą į dešinę nuo teksto ir jo apačioje esantis tekstas yra kairėje pusėje . Pasinaudokite šia penkių minučių pamoka, kad sužinotumėte, kaip tai padaryti.

Pradžia

Norėdami pradėti, parašykite teksto pastraipą ir pridėkite paveikslėlį pastraipos pradžioje. Tai turėtų būti padaryta prieš tekstą, bet po žymos

):

Duis aute irure dolor sed ir eiusmod temporis incididunt reprehenderit į voluptate. Cupidatat ne proident, ut labore et dolore magna aliqua. Sunt in culpa quis nostrud exercice exceptteur sint occaecat. Mollit anim id est laborum.

Tada pridėkite paveiksliui stiliaus atributą ir pritaikykite plūdės nuosavybę:

style = "float: right;" />

Jūsų tekstas bus nukreiptas tiesiai prieš vaizdą, todėl prie vaizdo pridėkite tam tikras paraštes, kad būtų lengviau skaityti:

margin: 0 5px 0 0; " />

Maržos stenografinė nuosavybė taiko maržą viršutinėje, dešinėje, apačioje ir kairėje ( TRBL ).

Įpakavimas

Ir tai daro. Dabar matote, kad kintamas vaizdas dešinėje nėra sudėtingas. Jums taip pat gali būti įdomu pervadinti paveikslėlį į kairę ir plaukioti jį į centrą. Nors pirmasis žingsnis yra įmanomas, deja, negalima išplėsti vaizdo į centrą, nes tai paprastai reikalauja dviejų skilčių išdėstymo.