Ez az ötperces bemutató elmagyarázza, hogyan
Szeretne megtanulni, hogyan kell a kép jobb oldalára lebegni? Ha igen, akkor nem vagy egyedül. 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 után):
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.
Csomagolás
É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.