Skip to main content

Kā izmantot CSS, lai peldētu attēlu pa labi

Anonim

Ja jūs interesē uzzināt, kā peldēt attēlu pa labi no teksta, jūs labprāt zināt, ka tas ir diezgan vienkāršs uzdevums. Ir daudzas situācijas, kurās programmētāji vēlas, lai tīmekļa lapas attēls tiktu parādīts teksta iekšpusē, kad teksts ir plūstošs vai ietīts tajā. Par laimi, attēlu manipulēšana ir līdzīga manipulācijai ar tekstu, tādēļ, ja jums ir pieredze ar pēdējo, šim procesam nevajadzētu būt grūti.

Patiesībā, izmantojot CSS peldošās īpašības, no attēla labajā pusē ir viegli peldēt attēlu, un kreisajā pusē ir tā teksta plūsma. Izmantojiet šo piecu minūšu pamācību, lai uzzinātu, kā to izdarīt.

Darba sākšana

Lai sāktu, rakstiet teksta rindiņu un pievienojiet attēlu rindkopas sākumā. Tas jādara pirms teksta, bet pēc

tag):

Pēc tam pievienojiet stila atribūtu attēlam un izmantojiet pludiņa īpašumu:

Jūsu teksts tiks izvilkts tieši pret attēlu, tāpēc, lai tas būtu vieglāk lasāms, pievienojiet tam dažus laukus:

Suni

Mērķa stenogrāfijas īpašumā tiek piemērotas starpības rīkojumu augšējā, labā, apakšējā un kreisajā pusē (TRBL).

Iesaiņošana

Un tas notiek. Tagad jūs redzat, ka pārejošs attēls pa labi nav grūti. Iespējams, jūs interesēs arī peldošs attēls pa kreisi un peldošs tas līdz centram. Kaut arī ir iespējama pirmā darbība, diemžēl jūs nevarat peldēt attēlu uz centru, jo tas parasti prasa divu sleju izkārtojumu.