Kuidas pilti pilti tekstiõigustesse

See viie minuti juhendaja selgitab kuidas

Kas olete huvitatud sellest, kuidas pilti teksti paremal pool hõljuda? Kui nii, siis sa ei ole üksi. On palju olukordi, kus programmeerijad tahavad, et veebilehe kujutis kuvataks teksti sees, kui tekst voolab või ümbritseb selle ümber. Õnneks on kujutiste manipuleerimine sarnane teksti manipuleerimisega, nii et kui teil on viimasega kogemusi, ei tohiks see protsess olla üldse raske.

Tegelikult on CSS-i ujukinnisvara abil hõlpsalt pilt teksti paremal pool ja sellel on tekstivoog vasakul küljel . Kasutage seda viie minuti õpetust, kuidas õppida.

Alustamine

Alustamiseks kirjutage tekstiosa ja lisage lõike algusesse pilt. Seda tuleks teha enne teksti, kuid pärast

sildi):

Mõlemad aurajad on ebaõnnestunud, sest nad on ebaõnnestunud. Cupidatat mitte proident, ut labore et dolore magna aliqua. Sunt in culpa quis nostrud exercice excepteur sint occaecat. Mollit anim id est laborum.

Seejärel lisage pildile stiili atribuut ja rakendage ujuki omadus:

style = "float: right;" />

Teie tekst raputatakse pildi vastu, nii et pildi hõlbustamiseks saate hõlpsalt lugeda järgmist:

margin: 0 5px 0 0; " />

Kasumi marginaali stentimiseks kasutatakse parameetreid ülemise, parema, alt ja vasakpoolse ( TRBL ) puhul.

Pakkimine üles

Ja see teeb seda. Nüüd näete, et pildi paremale liikumine ei ole üldse raske. Võite olla huvitatud ka vasakule jääva pildi ujuvusest ja selle ujuvast keskpunktist. Kuigi esimene samm on võimalik, pole kahjuks võimalik pilti keskusesse hõljuda, sest see nõuab tavaliselt kahte veergu.