Kā peldēt attēlu uz teksta tiesībām

Šī piecu minūšu apmācība paskaidro, kā to izdarīt

Vai jūs interesē mācīties, kā peldēt attēlu pa labi no teksta? Ja tā, tad jūs neesat viens. 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):

Divi autentiskie attēli, kas tiek attēloti laikā, kad tie ir pārveidoti. Cupidatat ne proident, ut labore et dolore magna aliqua. Sunt in culpa quis nostrud exercice excepteur sint occaecat. Mollit anim id darboties.

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

style = "peldēt: labi;" />

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:

margin: 0 5px 0 0; " />

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ā kustība, diemžēl jūs nevarat peldēt attēlu uz centru, jo tas parasti prasa divu sleju izkārtojumu.