Եթե դուք նորարար Վեբ դիզայներ եք, կարող եք հարցեր ունենալ, թե ինչպես կենտրոնի տեքստը կենտրոնացնել աղյուսակի բջիջում: Այս ուղեցույցով, այս տեխնիկան տիրապետեք ընդամենը մի քանի րոպեից: Դա հեշտ է, նույնիսկ եթե նախկինում երբեք չեք փորձել:
Սկսել
Բջջի ներսում կենտրոնացված տեքստը լավագույնս արվում է CSS- ի միջոցով, ճիշտ այնպես, ինչպես դուք կստանաք տեքստը ձեր վեբ էջի այլ տարրի մեջ: Նախքան սկսելը, սակայն, դուք պետք է որոշեք, թե ինչ եք ուզում կենտրոնանալ: Սեղանի հետ դուք ունեք մի քանի տարբերակ, ներառյալ սեղանի յուրաքանչյուր բջիջ. սեղանի յուրաքանչյուր բջիջը սեղանի գլուխը, սեղանի մարմնի կամ սեղանի ոտքի յուրաքանչյուր բջիջ: Դուք կարող եք կենտրոնանալ տվյալ բջիջի կամ բջիջների սեղանի վրա:
Բացի դրանից, դուք պետք է ստեղծեք ներքին ոճի թերթիկ ձեր փաստաթղթի ղեկավարի կամ փաստաթղթում որպես արտաքին ոճի թերթիկ : Դու կդարձնես ոճերը `կենտրոնացնելով ձեր սեղանի բջիջները այդ ոճի թերթիկում:
Ինչպես կենտրոնել յուրաքանչյուր բջիջ սեղանի վրա
Ձեր ոճաթերթին ավելացրեք հետեւյալ տողերը.
td, th {text-align: կենտրոն; }Ինչպես կենտրոնի յուրաքանչյուր գլխի բջիջը սեղանի վրա
Ձեր ոճաթերթին ավելացրեք հետեւյալ տողերը.
th {text-align: կենտրոն; }Ցանկացած բջիջ կենտրոնացնելով սեղանի ղեկավարի, մարմնի կամ ոտքի վրա
Այս բջիջները կենտրոնացնելու համար հարկավոր է ավելացնել սեղանի պիտակներ, որոնք միշտ չեն օգտագործվում, ինչպիսիք են ,
եւ : Այնուհետեւ, սեղանի գլուխը, շրջապատը, մարմնի եւ ոտքի հայտնաբերման համար կպցրեք այս պիտակներով: Դրանից հետո դուք կցուցադրեք ձեր ոճաթերթին: td {text-align: center; } tbody th, tbody td {text-align: կենտրոն; } tfoot th, tfoot td {text-align: center; }Հեռացրեք ոճերը այն տարածքների համար, որոնք չեք ցանկանում կենտրոնանալ:
Ինչպես կենտրոնանալ հատուկ բջիջի կամ բջիջների վրա սեղանի վրա
Դա անելու համար դուք պետք է դասակարգեք այն բջիջների վրա, որոնք ցանկանում եք կենտրոնանալ:
Ավելացնել հետեւյալ հատկանիշը, որը ցանկանում եք կենտրոնանալ:
Այնուհետեւ ձեր ոճաթերթին ավելացրեք հետեւյալը.
.centered-cell {text-align: center; }Դուք կարող եք ավելացնել այս դասը ձեր սեղանի ցանկացած բջիջ:
Փաթեթավորումը
Մի հապաղեք օգտագործել այս ոճերը ձեր սեղանի բջիջներից որեւէ մեկի վրա: Դուք կարող եք դրանք օգտագործել միավորված բջիջների կամ մեկ բջիջների վրա, եւ տեքստը կենտրոնացած կլինի: