Kiel flosi bildon dekstre de teksto

Ĉi tiu kvin-minuta lernilo klarigas kiel

Ĉu vi interesas lerni kiel flosi bildon dekstre de teksto? Se do vi ne estas sola. Estas multaj situacioj, kie programistoj volas bildon en retpaĝaro aperi en la tekston kun la teksto fluanta aŭ envolvita ĉirkaŭ ĝi. Feliĉe, manipulante bildojn similas al manipulanta tekston, do se vi havas sperton kun ĉi tiu lasta, ĉi tiu procezo ne devus esti malfacila.

Fakte, kun la CSS flosita posedaĵo, facile facilas flosi vian bildon dekstre de la teksto kaj la tekston fluas ĉirkaŭ ĝi maldekstre . Uzu ĉi tiun kvin-minutan lernilon por lerni kiel.

Komencante

Por komenci, skribu alineon de teksto kaj aldoni bildon al la komenco de la alineo. Ĉi tio devas esti farita antaŭ la teksto sed post la

etikedo):

Duis aute irure dolor sed do eiusmod tempor incididunt in reprehenderit in voluptate. Cupidatat ne proidenta, por labori kaj dolore granda. Scianta en kulpo, iu ajn ekspluatado estas escepteur sint occaecat. Mollit anim id est laborum.

Tuj poste aldonu stilon atribuon al la bildo kaj apliki la kaleŝejon:

stilo = "kaleŝego: dekstra;" />

Via teksto rampiĝos tuj kontraŭ la bildo, do aldonu iujn randojn al la bildo por faciligi ĝin legi:

rando: 0 5px 0 0; " />

La propra rando proprieto aplikas randojn en la ordo supre, dekstre, malsupre kaj maldekstre ( TRBL ).

Envolvado

Kaj tio faras ĝin. Nun vi vidas, ke flosante bildo dekstre, tute ne malfacilas. Vi eble ankaŭ interesiĝas pri flosi bildon maldekstren kaj flosi ĝin al la centro. Dum la unua movado eblas, bedaŭrinde vi ne povas flosi bildon al la centro, ĉar tio kutime postulas du-kolumnajn aranĝojn.