Ha kíváncsi vagy arra, hogyan lehet lebegni egy képet a szöveg jobb oldalán, akkor örömmel tudhatja, hogy ez elég egyszerű feladat. Számos olyan helyzet áll fenn, ahol a programozók egy weboldalon lévő képet szeretnének megjeleníteni a szöveg belsejében, a szövegen keresztül, vagy körülötte. Szerencsére a képek manipulálása hasonló a szöveg manipulációjához, ezért ha van tapasztalata az utóbbiakkal, akkor ez a folyamat egyáltalán nem lesz nehéz.
Tény, hogy a CSS úszó tulajdonságaival könnyű lebegni a képedet a szöveg jobb oldalán, és a szöveg balról a szöveg körül áramlik. Használd ezt az ötperces bemutatót, hogy megtanuld hogyan.
Elkezdeni
Kezdjük, írjunk be egy bekezdést, és adjunk hozzá egy képet a bekezdés elején. Ezt meg kell tenni a szöveg előtt, de a
címke):
Ezután adjon hozzá egy stílusattribútumot a képhez és alkalmazza az úszó tulajdonságot:
Szövegét a kép ellen megfelelően felborítja, ezért a képhez néhány margót adjon hozzá, hogy könnyebben olvasható legyen:
A margó rövidítés tulajdonsága a sorrend felső, jobb, alsó és bal oldalán (TRBL) érvényes margókat alkalmaz. És ez teszi. Most látod, hogy egy jobb oldali kép lebegése egyáltalán nem nehéz. Arra is kíváncsi lehet, hogy egy képet balra mozog és lebeg a központba. Bár az első lépés lehetséges, sajnos nem tud lebegni egy képet a középpontba, mivel általában kétoszlopos elrendezést igényelne.
Csomagolás
