Այսօր էջերի մեծ մասը շարադրվում է օգտագործելով շերտեր (div), ուստի կայքը զննարկչի պատուհանի կենտրոնին հավասարեցնելու խնդիրը վերածվում է էջի տեսանելի տարածքի լայնությունը որոշող շերտը կենտրոնացնելու խնդրի: Որպեսզի այն տեղադրվի պատուհանի մեջտեղում, անհրաժեշտ է համապատասխան պարամետրեր սահմանել դրա հիմնական տարրի կամ հենց այս բլոկի համար:
Դա անհրաժեշտ է
HTML և CSS լեզուների հիմնական գիտելիքներ
Հրահանգներ
Քայլ 1
Տեղադրեք այն շերտը, որը ցանկանում եք տեղադրել պատուհանի կենտրոնում, կենտրոնի պիտակի բացման և փակման մասերի արանքում, եթե ուզում եք անել պարզապես HTML լեզվի միջոցների օգտագործմամբ (HyperText Markup Language - «հիպերտեքստի նշման լեզու»), Ենթադրենք, որ էջի սահմանները որոշող շերտի ծնողը այս էջի մարմինն է: HTML կոդի ամենապարզ տարբերակը, որն այս դեպքում օգտագործում է կենտրոնի թեգը, կարող է այսպիսի տեսք ունենալ.
Կենտրոնի էջ
էջի տեքստը
Քայլ 2
Եթե էջը հարթեցնելու համար ցանկանում եք օգտագործել CSS (Կասկադի ոճի թերթեր), օգտագործեք բրաուզերի ավտոմատ չափափոխում զննարկչի պատուհանի սահմաններից: CSS- ում մարժայի չափերը որոշվում են մարժայի պարամետրով: Հեռացրեք կենտրոնի պիտակները նախորդ նմուշից և էջի լայնությունը սահմանող շերտի ոճի հատկանիշին ավելացրեք 0 auto լուսանցքի պարամետր:
Կենտրոնի էջ
էջի տեքստը
Քայլ 3
Իհարկե, ոճի սահմանումը կարելի է հանել ոճի հատկանիշից և տեղադրել արտաքին ֆայլում կամ փաստաթղթի գլխում (և պիտակների միջև): Այս դեպքում նույն կոդն այսպիսի տեսք կունենա.
Կենտրոնի էջ
#pageFrame {
լայնությունը `700px;
բարձրությունը `400px;
ֆոն `# 0BB;
լուսանցք ՝ 0 ավտոմատ;
}
էջի տեքստը