Om du är intresserad av att lära dig att flyta en bild till höger om text, är du glad att veta att det är en ganska enkel uppgift. Det finns många situationer där programmerare vill att en bild på en webbsida ska visas inuti texten när texten flyter eller viks runt den. Tack vare att manipulerande bilder liknar att manipulera text, så om du har erfarenhet av den senare, bör den här processen inte vara svår alls.
Faktum är att med CSS floategenskapen är det enkelt att flyta bilden till höger om texten och få textflödet runt det på vänster sida. Använd den här fem minuters handledningen för att lära dig hur.
Komma igång
För att börja skriva en texttext och lägg till en bild i början av stycket. Detta bör göras före texten men efter
märka):
Därefter lägger du till ett stilattribut i bilden och använder floategenskapen:
Din text rammar rakt upp mot bilden, så lägg till några marginaler till bilden så att det blir lättare att läsa:
Egenskapen marginal stenografi gäller marginaler i ordern överst, höger, botten och vänster (TRBL).
Avslutar
Och det gör det. Nu ser du att det inte är svårt att flyta en bild till höger. Du kan också vara intresserad av att flyta en bild till vänster och flyta den till mitten. Medan det första draget är möjligt, kan du tyvärr inte flyta en bild till mitten, eftersom det normalt skulle kräva en layout med två kolumner.
