Ако сте почетник веб-дизајнер, може да имате прашања за тоа како да го центрирате текстот внатре во табелата ќелија. Со овој водич, господар оваа техника во само неколку минути. Лесно е - дури и ако никогаш досега не сте се обиделе.
Да започнеме
Центрирањето на текст внатре во ќелија најдобро се прави со CSS, исто како што би центрирал текст во друг елемент на вашата веб-страница. Пред да започнете, сепак, треба да одлучите што точно сакате да бидете центрирани. Со табела, имате неколку опции, вклучувајќи ги и сите ќелии во табелата; секоја заглавје ќелија во табелата секоја клетка во главата на масата, маса на маса или стопена нога. Вие исто така може да центрирате одредена ќелија или множество на клетки во рамките на табелата.
Покрај тоа, треба да креирате внатрешен стилски лист во главата на вашиот документ или прикачен на документот како надворешен стилски лист . Ќе ги ставите стиловите да ги центрираат вашите клетки на табелата во тој стилски лист.
Како да ја центрирате секоја клетка во табелата
Додајте ги следниве линии во вашиот стилски лист:
td, th {текст-порамнување: центар; }Како да ја центрираме секоја табла во табелата
Додајте ги следниве линии во вашиот стилски лист:
ти {текст-порамнување: центар; }Центрирање на секоја клетка во главата, телото или ногата
За да ги центрирате овие ќелии, треба да додадете натписи на табели кои не се секогаш користени, како што се ,
и . Потоа, ќе ги опкружувате вашите клетки на табелата со овие ознаки за да ги идентификувате главата на главата, телото и нозете. После тоа, ќе го додадете следново во вашиот стилски лист: thead th, thead td {текст-усогласување: центар; } tbody th, tbody td {прилагодување на текст: центар; } tfoot th, tfoot td {текстот-порамнување: центар; }Отстранете ги стиловите за областите што не сакате да ги центрирате.
Како да центрирате одредена клетка или клетки во табела
За да го направите ова, треба да поставите класа на ќелиите со кои сакате да бидете центрирани.
Додајте го следниов атрибут на ќелиите на табелата што сакате да ги центрирате:
Потоа додадете го следново во вашиот стилски лист:
.центрична-клеточна {текст-порамнување: центар; }Можете да ја додадете оваа класа во било која ќелија во вашата табела.
Завиткување
Немојте да се колебате да ги користите овие стилови на било која од вашите клетки на табелата. Можете да ги користите на споени клетки или на единечни ќелии и текстот внатре ќе биде центриран.