Ինչպե՞ս կենտրոնացնել տեքստը ուղղահայաց և Div հորիզոնական:
Ինչպե՞ս կենտրոնացնել տեքստը ուղղահայաց և Div հորիզոնական:

Video: Ինչպե՞ս կենտրոնացնել տեքստը ուղղահայաց և Div հորիզոնական:

Video: Ինչպե՞ս կենտրոնացնել տեքստը ուղղահայաց և Div հորիզոնական:
Video: Ինչի՞ համար են նախատեսված համակարգչի այս կոճակները 2024, Մայիս
Anonim

Համար ուղղահայաց հավասարեցում , սահմանեք մայր տարրի լայնությունը/բարձրությունը 100% և ավելացրեք ցուցադրում՝ աղյուսակ: Այնուհետև երեխայի տարրի համար էկրանը փոխեք սեղանի բջիջի և ավելացրեք ուղղահայաց - շարել : միջին. Համար հորիզոնական կենտրոնացում , կարող եք կամ ավելացնել տեքստը - շարել : կենտրոն դեպի կենտրոն որ տեքստը և ցանկացած այլ ներկառուցված երեխաների տարրեր:

Պարզապես, ինչպե՞ս եք կենտրոնացնում տեքստը ուղղահայաց:

Սահմանեք բացարձակ դիրքավորում և բացասական մարժան Մենք կարող ենք ուղղահայաց հավասարեցնել տեքստը -ի հետ դիրք և լուսանցքի հատկությունները, որոնք օգտագործվում են բլոկի մակարդակի տարրերի հետ: Մի մոռացեք սահմանել այն տարրի բարձրությունը, որը ցանկանում եք կենտրոն . Կոմպլեկտ՝ 50%; և ձախ՝ 50%; դեպի կենտրոն երեխայի ձախ անկյունը.

Ավելին, ինչպե՞ս կարող եմ հորիզոնական կենտրոնացնել div-ը: Տեսնենք a-ի կենտրոնացումը հորիզոնական ուղղությամբ քայլ առ քայլ.

  1. Սահմանեք արտաքին տարրի լայնությունը (այսինքն 100% ծածկում է ամբողջ գիծը):
  2. Սահմանեք լուսանցքի հատկությունը ավտոմատ՝ տարրը էջի ներսում հորիզոնական կենտրոնացնելու համար:
  3. Սահմանեք ձեր նախընտրած գույները արտաքին և ներքին դիվիզի համար՝ օգտագործելով ֆոնի գույնի հատկությունը:

Ինչ վերաբերում է դրան, ինչպե՞ս եք կենտրոնանում հորիզոնական և ուղղահայաց:

  1. Սեղմեք այն բջիջը, որտեղ ցանկանում եք կենտրոնացնել բովանդակությունը:
  2. Սեղմեք «Տուն», ապա սեղմեք ժապավենի «Հավասարեցում» հատվածի ներքևի անկյունում գտնվող փոքր սլաքը:
  3. Սեղմեք «Հորիզոնական» կողքին գտնվող բացվող տուփը և ընտրեք «Կենտրոն»: Նույնը արեք «Ուղղահայաց» կողքին գտնվող վանդակում:
  4. Սեղմեք «OK»՝ ձեր տեքստը կենտրոնացնելու համար:

Ինչպե՞ս ուղղահայաց կենտրոնացնել div-ը:

Ուղղահայաց բովանդակության հավասարեցումը JavaScript-ի և CSS-ի հետ դա ցույց է տալիս: Ժամանակակից միջոց կենտրոն տարր ուղղահայաց կլիներ օգտագործել flexbox-ը: Ձեզ անհրաժեշտ է ծնող՝ հասակը որոշելու համար, իսկ երեխան՝ որոշելու համար կենտրոն . Ստորև բերված օրինակը կլինի կենտրոն ա դիվ դեպի կենտրոն ձեր բրաուզերի ներսում:

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