Jak přesunout text kolem obrázku s HTML nebo CSS

Když do webové stránky vložíte obrázek s textem, výchozí styl zobrazí grafiku nad nebo pod okolním obsahem a ponechá mezeru vlevo a vpravo. obrázku. To plýtvá prostorem a dělá obraz vypadající nesouvislý s vaším textem. Chcete-li tento problém vyřešit, máte možnost použít buď HyperText Markup Language (HTML) nebo Cascading Style Sheets (CSS) k určení umístění obrázku tak, aby se text zalomil kolem okrajů obrázku. Pomocí HTML nebo CSS můžete přesouvat text kolem svých obrázků podle svých preferencí.

HTML

Krok 1
Spusťte soubor stránky v textovém editoru počítače a umístěte kurzor uvnitř značky. Zadejte "align =" a následujte je s uvozovkami jako je:

Krok 2
Zadejte "vpravo", "vlevo", "uprostřed", "nahoru" nebo "dole" po zarovnání položky do určete, kde se váš obrázek zobrazuje ve vztahu k vašemu textu. Zarovnání "nahoře" způsobí, že se váš obsah objeví na nejvyšším místě obrázku, "prostřední" přesune text do středu fotografie a "dole" nasměruje obsah na začátek grafiky. Navíc, "pravá" poloha, přesune data vlevo od obrázku a zarovnání "vlevo" umístí obsah napravo od obrázku. Zadejte kód následujícím způsobem:
Uložte soubor.

CSS

Krok 1
Umístěte kurzor do značky "" a zadejte "style =" s množinou nabídky značky před posledním úhlem. Pro ilustraci:

Krok 2
Zadejte "float:" uvnitř uvozovek a zadejte atribut "vlevo" nebo "vpravo" název zarovnání grafiky. Hodnota "vlevo" způsobí, že se obrázek zobrazí vlevo a posunutí textu doprava, zatímco "pravý" atribut udělá opak. Například:
Uložte dokument
URL:https://cs.whycomputer.com/Software/100104875.html