Ինչպես կենտրոնացնել Div- ը

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

Ինչպես կենտրոնացնել Div- ը
Ինչպես կենտրոնացնել Div- ը

Video: Ինչպես կենտրոնացնել Div- ը

Video: Ինչպես կենտրոնացնել Div- ը
Video: HTML/CSS - Բոլոր օգտագործվող HTML "տեգերը" էջերը կառուցելու համար (3/6) 2024, Նոյեմբեր
Anonim

Էջերի դասավորության ժամանակակից ստանդարտները չեն արգելում սեղանի դասավորության օգտագործումը, այնուամենայնիվ, շերտավորված դասավորությունը, փաստորեն, դարձել է պարտադիր ստանդարտ կայքեր ստեղծելու ժամանակ: Բացի ակնհայտ առավելություններից, սեղանի դասավորությունը փոխարինելը մի շարք նոր մեծ ու փոքր խնդիրներ է առաջացրել: Դրանցից մեկը էջում բլոկի կառուցվածքի հորիզոնական հավասարեցումն է: Եկեք նայենք շերտը էջի լայնության կենտրոնին դնելու մի քանի գործնական եղանակների:

Ինչպես կենտրոնացնել div- ը
Ինչպես կենտրոնացնել div- ը

Անհրաժեշտ է

HTML- ի հիմնական գիտելիքներ

Հրահանգներ

Քայլ 1

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

DIV- ի հավասարեցում կենտրոնին

Քայլ 2

Մեկ այլ տարբերակում օգտագործվում է CSS (Կասկադ ոճի թերթեր): Հավասարեցված շերտի ոճով անհրաժեշտ է սահմանել պատուհանի սահմաններից օֆսեթների քանակի ինքնորոշում: Նման էջի ծածկագիրն ամենապարզ տեսքով կարող է լինել, օրինակ, այսպիսին.

DIV- ի հավասարեցում կենտրոնին

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