Tento pětiminutový návod vysvětluje, jakým způsobem
Máte zájem o to, jak se obrázek vznášet napravo od textu? Pokud ano, nejste sami. 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 značce
:
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 ).
Obalování nahoru
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ý, naneštěstí nemůžete plavat obrázek do středu, protože by to obvykle vyžadovalo rozložení dvou sloupců.