În acest scurt articol, veți afla mai multe despre mai multe metode de centrare a obiectului în pagina verticală și orizontală.
Când creați pagini web, probabil, v-ați confruntat cu o situație în care aveți nevoie de un obiect plasat în centru. Există mai multe moduri de a rezolva această problemă.
pomoschyuCSS de centrare orizontală
Este foarte simplu
Pentru centrarea pe orizontală trebuie să setați lățimea, precum și valoarea automată pentru crestătura stânga și dreapta (aici vom folosi CSS înregistrare prescurtare). Această metodă funcționează cu elemente bloc (div. P. H1, etc.). Pentru inlaynovyh (link-uri și imagini) ale elementelor de care aveți nevoie să adăugați mai mult o singură regulă - display: block.
Alinierea la orizontală și verticală
Centrarea în ambele direcții pentru a transporta un pic mai complicat. Trebuie să știi în avans dimensiunea exactă a obiectului.
Poziționarea obiectului complet, putem „smulge“ l paginii și cere poziția sa în raport cu browser-ul. Este suficient să indice 50% pentru valorile de stânga și de sus, iar obiectul este situat în centrul. Singurul lucru pe care trebuie să facem este muta obiectul jumătate din înălțimea și lățimea stânga și în sus, așa că a fost în inimă.
Alinierea orizontală și verticală cu pomoschyujQuery
După cum sa menționat anterior - metoda CSS funcționează bine cu obiecte de dimensiuni cunoscute. Dacă nu, atunci vom avea nevoie de jQuery.
Toate funcționalitate este construit în .resize funcția $ (fereastră) (), care se efectuează de fiecare dată când fereastra browser-ului. Noi folosim outerWidth () și outerHeight (), deoarece, în contrast cu lățimea () și înălțimea (), acestea iau în considerare lățimea capitonarea și frontierelor.
Un mare plus al acestei metode este că nu trebuie să știe dimensiunea obiectului.
Sper că acest lucru va fi util pentru tine!
Prin obținerea de informații de la două canale (vedere si auz) eficacitatea instruirii de învățare departe superioare de cărți. O temele pentru acasă și teste on-line vă va permite să se gândească în mod constant în limba țintă și imediat verifica cunoștințele!
Dacă doriți o lungă perioadă de timp pentru a studia modul în HTML, mi-ai, pentru ai vesti bune!
Dacă ați învățat deja HTML și doresc să avanseze, următorul pas va fi de a studia tehnologia CSS.
Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!