Pokud máte zájem dozvědět se, jak umístit obrázek napravo od textu, rádi vás budeme vědět, že je to poměrně jednoduchý úkol. Existuje mnoho situací, kdy programátoři chtějí, aby se na webové stránce objevil obrázek v textu s tím, že se text obtékal nebo obtékal. Naštěstí manipulace s obrázky je podobná manipulaci s textem, takže pokud máte zkušenosti s druhým, tento proces by neměl být vůbec tvrdý.
Ve skutečnosti s vlastností floating CSS je snadné plavat váš obrázek napravo od textu a mít tok textu okolo něj na levé straně. Použijte tento pětiminutový tutoriál, abyste se dozvěděli jak.
Začínáme
Chcete-li začít, napište odstavec textu a přidejte obrázek na začátek odstavce. Toto by mělo být provedeno před textem, ale po
štítek):
Dále přidejte do obrázku obrázek atribut stylu a použijte vlastnost float:
Váš text bude přitlačen přímo k obrázku, takže do obrázku přidáte nějaké okraje, které usnadní čtení:
Vlastnost srážející marže uplatňuje okraje v horním, pravém, dolním a levém pořadí (TRBL). A to dělá. Nyní vidíte, že plovoucí obraz napravo není vůbec těžký. Mohlo by vás také zaujmout pohyblivým obrazem doleva a pohybem do středu. Zatímco první krok je možný, bohužel nemůžeme plavat obrázek do středu, protože by to obvykle vyžadovalo rozložení dvou sloupců.
Obalování nahoru
