Како средити текст у ћелији таблице

Ако сте почетник веб дизајнера, можда ћете имати питања о томе како центрирајте текст унутар ћелије таблице. Овим водичем савладајте ову технику за само неколико минута. То је лако - чак и ако никада раније нисте покушали.

Почетак

Центрирање текста унутар ћелије најбоље се врши помоћу ЦСС-а, баш као што бисте средили текст у неком другом елементу на вашој Веб страници. Пре него што започнете, међутим, морате одлучити шта тачно желите бити центрирани. Са столом имате неколико опција, укључујући сваку ћелију у табели; свака заглавна ћелија у столу свака ћелија у столу, тело стола или столна стопала. Можете такође центрирати одређену ћелију или скуп ћелија унутар табеле.

Поред тога, требало би да направите интерни стилски стил у глави документа или да га прикључите на документ као спољашњи стилски стил . Ставићете стилове да центрирају своје ћелије таблице у том листу стилова.

Како центрирати сваку ћелију у табели

Додајте следеће редове на свој стилски стил:

тд, тх {тект-алигн: центар; }

Како центрирати сваку заглављену ћелију у табели

Додајте следеће редове на свој стилски стил:

{тект-алигн: центер; }

Центрирање сваке ћелије у столици, телу или ногу

Да бисте центрирали ове ћелије, морате додати ознаке табле које се не користе увек, као што су <тхеад>, <тбоди> и <тфоот>. Затим окружите своје ћелије са овим ознакама да бисте идентификовали главу, тијело и стопало табеле. Након тога, у свој стилски стил додајте следеће:

тхеад тх, тхеад тд {текстуално поравнање: центар; } тбоди тх, тбоди тд {текст-алигн: центар; } тфоот тх, тфоот тд {текст-алигн: центар; }

Уклоните стилове за подручја у којима не желите да се центришете.

Како центрирати одређену ћелију или ћелије у табели

Да бисте то урадили, морате поставити класу на ћелије које желите да центрирате.

Додајте следећи атрибут ћелијама таблице које желите центрирати:

<тд цласс = "центре-целл" >

Затим у свој стилски стил додајте следеће:

.центеред-целл {тект-алигн: центер; }

Можете додати ову класу било којој ћелији у вашој табели.

Окончање

Не оклевајте да користите ове стилове у било којој од ваших ћелија. Можете их користити на спојеним ћелијама или на појединачним ћелијама, а текст ће бити центриран.