Hogyan készítsünk szöveges körüli áramlás képek html

Hogyan készítsünk szöveges körüli áramlás képek html

Mozgás a cikket:

Flow a kép körül szöveget HTML

A kívánt szöveget körbefolyj képeket a HTML, elegendő megadni az img tag align attribútum a hozzárendelt értéket, amely megfelel a kívánt eljárás áramlását. Az align attribútum adja meg a következő értékeket:







  • alul - amelynek értéke az alapértelmezett beállítás. Az első lefolyó található a alsó széle a képet. A kép balról
  • top - ebben az esetben, az első lefolyó található a felső széle a képet. A kép balról
  • -kartinka jobb jobbra igazított, és a tartalom körül áramlik be a bal
  • balra - a kép balra van igazítva, és a tartalom áramlik körülötte a jobb oldalon
  • közepén - ebben az esetben a középső képet igazodik az alapvonalra a sor






A leggyakrabban használt bal és jobb tulajdonságokat. a jobb és bal áramlását. Ezek a lehetőségek a legismertebb az érzékelés, és adja meg a szöveget a kép a legtöbb kompakt formában.

Itt egy példa az align attribútum:

Hogyan készítsünk szöveges körüli áramlás képek html
Ez a példa azt mutatja, a módszer meghatározza a kép sortörés CSS.

Véleményem szerint ezzel az eljárással állítja a szöveg körüli áramlás a képen CSS sokkal kényelmesebb. Mivel Ön egy CSS-tulajdonságok rugalmasabban konfigurálható kijelző kép és megváltoztatni őket. A példában adtam hozzá további párnázattal a jobb és bal oldalán az ingatlan fedezet, valamint hozzáadjuk a képkeret. A kép vált kifejező és tartalom már nem tapad rá.

Lásd még:




Kapcsolódó cikkek