Hvis du er interessert i å lære å flyte et bilde til høyre for tekst, vil du gjerne vite at det er en ganske enkel oppgave. Det er mange situasjoner hvor programmører vil ha et bilde på en nettside som skal vises inne i teksten med teksten som flyter eller pakkes rundt den. Heldigvis, manipulere bilder ligner på å manipulere tekst, så hvis du har erfaring med sistnevnte, bør denne prosessen ikke være vanskelig i det hele tatt.
Faktisk, med CSS floategenskapen, er det enkelt å flyte bildet ditt til høyre for teksten, og teksten flyter rundt den på venstre side. Bruk denne fem minutters opplæringen for å lære hvordan.
Starter
For å begynne, skriv et stykke tekst og legg til et bilde i begynnelsen av avsnittet. Dette bør gjøres før teksten, men etter
stikkord):
Deretter legger du til et stilattributt til bildet og bruker flytegenskapen:
Teksten blir rammet rett opp mot bildet, så legg til noen marginer til bildet slik at det blir enklere å lese:
Marginekortegenskapen gjelder marginer i rekkefølgen øverst, høyre, bunn og venstre (TRBL). Og det gjør det. Nå ser du at det ikke er vanskelig å flyte et bilde til høyre. Du kan også være interessert i å flyte et bilde til venstre og flyte det til sentrum. Selv om det første trekket er mulig, kan du dessverre ikke flyte et bilde til sentrum, da det vanligvis krever to-kolonne-layout.
Wrapping Up
