Ինչպե՞ս անել, որ կայքը կենտրոնացված լինի

Բովանդակություն:

Ինչպե՞ս անել, որ կայքը կենտրոնացված լինի
Ինչպե՞ս անել, որ կայքը կենտրոնացված լինի

Video: Ինչպե՞ս անել, որ կայքը կենտրոնացված լինի

Video: Ինչպե՞ս անել, որ կայքը կենտրոնացված լինի
Video: Պետական օդանավը մեշոկներով փող է տարել, որ խաղատանը վճարեն. Խաչատուր Սուքիասյանը՝ Ս. Սարգսյանի մասին 2024, Մայիս
Anonim

Այսօր էջերի մեծ մասը շարադրվում է օգտագործելով շերտեր (div), ուստի կայքը զննարկչի պատուհանի կենտրոնին հավասարեցնելու խնդիրը վերածվում է էջի տեսանելի տարածքի լայնությունը որոշող շերտը կենտրոնացնելու խնդրի: Որպեսզի այն տեղադրվի պատուհանի մեջտեղում, անհրաժեշտ է համապատասխան պարամետրեր սահմանել դրա հիմնական տարրի կամ հենց այս բլոկի համար:

Ինչպես անել, որ կայքը կենտրոնացած լինի
Ինչպես անել, որ կայքը կենտրոնացած լինի

Դա անհրաժեշտ է

HTML և CSS լեզուների հիմնական գիտելիքներ

Հրահանգներ

Քայլ 1

Տեղադրեք այն շերտը, որը ցանկանում եք տեղադրել պատուհանի կենտրոնում, կենտրոնի պիտակի բացման և փակման մասերի արանքում, եթե ուզում եք անել պարզապես HTML լեզվի միջոցների օգտագործմամբ (HyperText Markup Language - «հիպերտեքստի նշման լեզու»), Ենթադրենք, որ էջի սահմանները որոշող շերտի ծնողը այս էջի մարմինն է: HTML կոդի ամենապարզ տարբերակը, որն այս դեպքում օգտագործում է կենտրոնի թեգը, կարող է այսպիսի տեսք ունենալ.

Կենտրոնի էջ

էջի տեքստը

Քայլ 2

Եթե էջը հարթեցնելու համար ցանկանում եք օգտագործել CSS (Կասկադի ոճի թերթեր), օգտագործեք բրաուզերի ավտոմատ չափափոխում զննարկչի պատուհանի սահմաններից: CSS- ում մարժայի չափերը որոշվում են մարժայի պարամետրով: Հեռացրեք կենտրոնի պիտակները նախորդ նմուշից և էջի լայնությունը սահմանող շերտի ոճի հատկանիշին ավելացրեք 0 auto լուսանցքի պարամետր:

Կենտրոնի էջ

էջի տեքստը

Քայլ 3

Իհարկե, ոճի սահմանումը կարելի է հանել ոճի հատկանիշից և տեղադրել արտաքին ֆայլում կամ փաստաթղթի գլխում (և պիտակների միջև): Այս դեպքում նույն կոդն այսպիսի տեսք կունենա.

Կենտրոնի էջ

#pageFrame {

լայնությունը `700px;

բարձրությունը `400px;

ֆոն `# 0BB;

լուսանցք ՝ 0 ավտոմատ;

}

էջի տեքստը

Խորհուրդ ենք տալիս: