Hvis du er interesseret i at lære at flyde et billede til højre for tekst, vil du være glad for at vide, at det er en ret simpel opgave. Der er mange situationer, hvor programmører ønsker et billede på en webside for at komme ind i teksten, med teksten flydende eller indpakket omkring den. Heldigvis er manipulering af billeder lig med at manipulere tekst, så hvis du har erfaring med sidstnævnte, bør denne proces ikke være svært overhovedet.
Faktisk, med CSS floategenskaben er det nemt at flyde dit billede til højre for teksten og få teksten til at flyde rundt på den på venstre side. Brug denne fem minutters tutorial til at lære hvordan.
Kom i gang
Til at begynde med, skriv et stykke tekst og tilføj et billede i begyndelsen af stykket. Dette skal ske inden teksten, men efter
tag):
Dernæst tilføj en stilattribut til billedet og anvend floategenskaben:
Din tekst bliver rammet lige op imod billedet, så tilføj nogle margener til billedet for at gøre det lettere at læse:
Marginal stenhovedegenskaben anvender margener i rækkefølgen øverst, højre, bund og venstre (TRBL). Og det gør det. Nu ser du, at det ikke er svært at flyde et billede til højre. Du kan også være interesseret i at flytte et billede til venstre og flyde det til midten. Selv om det første træk er muligt, kan du desværre ikke flyde et billede til midten, da det typisk kræver et to-kolonne layout.
Afslutter
