Kif ittella 'l-immaġni għad-Dritt tat-Test

Dan il-ħames minuti ta 'tutorja jispjega kif

Int interessat li titgħallem kif tista 'titfa' immaġni fuq il-lemin tat-test? Jekk iva, int mhux waħdu. Hemm ħafna sitwazzjonijiet fejn il-programmaturi jridu immaġni fuq paġna tal-Web biex jidhru fit-test bit-test li joħroġ jew jitgeżwer madwaru. B'xorti tajba, manipulazzjoni ta 'stampi hija simili għal test manipulanti, għalhekk jekk ikollok esperjenza ma' l-aħħar, dan il-proċess m'għandux ikun diffiċli.

Fil-fatt, bil-proprjetà ta 'float tas-CSS, huwa faċli li l-immaġni tiegħek titpoġġa fuq il-lemin tat-test u t -test jiċċirkolaha fuq in-naħa tax-xellug . Uża dan il-ħames minuti ta 'tutorja biex titgħallem kif.

Kif tibda

Biex tibda, ikteb paragrafu tat-test u żid immaġni fil-bidu tal-paragrafu. Dan għandu jsir qabel it-test iżda wara t-tikketta

:

Duis aute irure dolor sera do eiusmod temp incididunt in reprehenderit in voluptate. Cupidatat non proident, ut labor u dolore magna aliqua. Sunt fl-eżerċizzju ta 'ħtija żbaljata barra l-eżerċizzju tas-sintesi. Mollit anim id est laborum.

Sussegwentement, żid attribut ta 'stil ma' l-immaġni u applika l-proprjetà float:

style = "float: right;" />

It-test tiegħek sejjer ikun imqiegħed fuq l-immaġni, għalhekk żid ftit marġini ma 'l-immaġni biex jagħmilha aktar faċli biex taqra:

margin: 0 5px 0 0; " />

Il-proprjetà tal-marġni tal-marġini tapplika marġini fl-ordni ta 'fuq, dritt, qiegħ u xellug ( TRBL ).

Tgeżwir Up

U dan jagħmel dan. Issa tara li l-immaġni f'wiċċ l-ilma fuq il-lemin mhux diffiċli xejn. Inti tista 'wkoll tkun interessat f'wiċċ l-ilma immaġni fuq ix-xellug u ċ-ċentru li jżommha f'wiċċ l-ilma. Filwaqt li l-ewwel pass huwa possibbli, sfortunatament ma tistax tiċċaqlaq immaġni lejn iċ-ċentru, minħabba li tipikament jeħtieġu tqassim b'żewġ kolonni.