Як цэнтравання тэксту ў вочках табліцы

Калі вы пачатковец вэб-дызайнер, вы, магчыма, ёсць пытанні аб тым, як Цэнтраваць тэкст ўнутры вочка табліцы. З дапамогай гэтага кіраўніцтва, асвоіць гэтую тэхніку на працягу некалькіх хвілін. Гэта лёгка - нават калі вы ніколі не спрабавалі раней.

Пачатак

Цэнтраванне тэксту ўнутры вочка лепш за ўсё зрабіць з дапамогай CSS, так жа , як вы б адцэнтраваны тэкст у іншы элемент на вэб - старонцы. Перш чым пачаць, аднак, вы павінны вырашыць, што менавіта вы хочаце быць у цэнтры. У табліцы, у вас ёсць некалькі варыянтаў, у тым ліку кожнага вочка ў табліцы; кожная вочка загалоўка ў табліцы кожная вочка ў табліцы галавы, цела табліцы або табліцы ногі. Вы таксама можаце Цэнтраваць пэўную вочка або групу вочак ўнутры табліцы.

Акрамя таго, вы павінны стварыць ўнутраную табліцу стыляў у галаве дакумента , або прыкладаецца да дакумента ў якасці знешняй табліцы стыляў . Вы змесціце стылі Цэнтраваць свае вочка табліцы ў гэтым табліцы стыляў.

Як Цэнтр кожнага вочка ў табліцы

Дадайце наступныя радкі ў табліцу стыляў:

тд, е {выраўноўвання тэксту: цэнтр; }

Як Цэнтр кожнага загалоўка вочка ў табліцы

Дадайце наступныя радкі ў табліцу стыляў:

га {выраўноўвання тэксту: цэнтр; }

Цэнтраванне Кожнай ячэйкі ў табліцы галаве, цела ці ногі

Для таго, каб адцэнтраваны гэтыя клеткі, вам трэба дадаць табліцу тэгаў, якія не заўсёды выкарыстоўваюцца, такія як , і . Затым, вы будзеце атачаць свае вочка табліцы з гэтымі пазнакамі для ідэнтыфікацыі табліцы галавы, цела і ногі. Пасля гэтага, вы будзеце дадаць наступныя радкі ў табліцы стыляў:

THEAD-й, THEAD тд {выраўноўвання тэксту: цэнтр; } TBODY й, TBODY тд {выраўноўвання тэксту: цэнтр; } TFOOT й, TFOOT тд {выраўноўвання тэксту: цэнтр; }

Выдаліць стылі для абласцей, якія не хочуць быць у цэнтры.

Як Цэнтр канкрэтнай ячэйкі або вочка ў табліцы

Для гэтага вам трэба ўсталяваць клас на клеткі, якія вы хочаце быць у цэнтры.

Дадайце наступны атрыбут вочка табліцы, якія вы хочаце быць у цэнтры:

клас = «Цэнтраваць вочка»>

Затым дадайце наступны радок у табліцы стыляў:

.centered-элементная {выраўноўвання тэксту: цэнтр; }

Вы можаце дадаць гэты клас у любую вочка ў табліцы.

заключэнне

Не саромейцеся выкарыстоўваць гэтыя стылі на любым з вашых вочак табліцы. Вы можаце выкарыстоўваць іх на зьлітыя клеткі або на асобныя клеткі і тэкст ўнутры будзе Цэнтраваць.