Š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
):
Tada pridėkite paveiksliui stiliaus atributą ir pritaikykite plūdės nuosavybę:
Jūsų tekstas bus nukreiptas tiesiai prieš vaizdą, todėl prie vaizdo pridėkite tam tikras paraštes, kad būtų lengviau skaityti:
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.