Ak máte záujem dozvedieť sa, ako vyplniť obrázok napravo od textu, radi sa dozviete, že je to dosť jednoduchá úloha. Existuje veľa situácií, kedy programátori chcú, aby sa obrázok na webovej stránke objavil vo vnútri textu s textom, ktorý tečie alebo sa obklopuje. Našťastie, manipulácia s obrázkami je podobná manipulácii s textom, takže ak máte skúsenosti s týmto druhom, tento proces by nemal byť ťažký.
V skutočnosti, s CSS float nehnuteľnosť, je ľahké plávať váš obrázok napravo od textu a majú text toku okolo to na ľavej strane. Použite tento päťminútový tutoriál a zistite, ako.
Začíname
Ak chcete začať, napíšte odsek textu a pridajte obrázok na začiatok odseku. Toto by malo byť vykonané pred textom, ale po
tag):
Ďalej pridajte atribút štýlu do obrázku a použite vlastnosť float:
Váš text bude vpichnutý hore proti obrázku, preto pridajte do obrázka niekoľko okrajov, aby ste ho ľahšie čítali:
Vlastnosť okrajovej rezervy používa okraje v hornom, pravom, dolnom a ľavom poradí (TRBL). A to robí. Teraz vidíte, že plávajúci obraz napravo nie je vôbec ťažký. Tiež by vás mohlo zaujímať, či chcete obrázok posunúť doľava a plávať do stredu. Zatiaľ čo prvý krok je možný, bohužiaľ nemôžete plaviť obrázok do stredu, pretože by to zvyčajne vyžadovalo rozloženie v dvoch stĺpcoch.
Zbaliť
