Skip to main content

Kaip naudoti CSS, kad plakate vaizdą į dešinę

Anonim

Jei norite sužinoti, kaip plėsti vaizdą į dešinę nuo teksto, jums bus malonu žinoti, kad tai gana paprasta užduotis. 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

žyma):

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:

Suni

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ų stulpelių išdėstymo.