Просты спосаб Цэнтр табліцы з дапамогай CSS

Адзін радок кода усё, што вам трэба Цэнтраваць табліцу

Каскадныя табліцы стыляў (CSS) гэта мова табліц стыляў найбольш часта выкарыстоўваецца , каб усталяваць візуальны стыль вэб - старонак , напісаных на HTML і XHTML. Вы можаце быць новым для вэб - дызайну і CSS , і ёсць пытанні аб тым , як Цэнтраваць табліцу на вэб - старонцы. Вы таксама можаце быць дасведчаным дызайнерам, які зблытаць аб тым, як выканаць гэтую тэхніку цяпер тэгу CENTER і выраўняйце = «цэнтр» атрыбут асуджаюцца ў табліцы тэгаў. З дапамогай CSS, цэнтраванне табліцы на вэб-старонцы не складана.

Выкарыстоўвайце CSS, каб Цэнтр табліцы

Вы можаце дадаць адзін радок у стылі CSS ліста да цэнтра усе табліцы па гарызанталі:

табліца {маржа: аўтаматычны; }

ці вы можаце дадаць гэтую ж радок у табліцы непасрэдна:

<Табліца стыль = "маржа: аўтаматычны;">

Пры размяшчэнні табліцы на вэб - старонцы, вы змяшчаеце яго ў элемент ўзроўню блока , такіх як ЦЕЛА, P, BLOCKQUOTE або DIV. Вы можаце Цэнтраваць табліцу ўнутры гэтага элемента, выкарыстоўваючы маржу: аўто; стыль. Гэта сведчыць браўзэр, каб зрабіць поля з усіх бакоў стала раўнапраўнага, які пазіцыянуе табліцу ў цэнтры старонкі.

Некаторыя старыя браўзэры Don & # 39; т падтрымлівае гэты метад

Калі ваш сайт павінен падтрымліваць стары вэб - браўзэр, напрыклад, Internet Explorer 6, то вам трэба працягваць выкарыстоўваць ALIGN = "цэнтр» або тэг межосевого табліцы. Гэта пра адзіны ўскладнення вы сутыкнецеся пры цэнтравання табліц на вэб-старонцы. Выкарыстоўваючы гэтую тэхніку, простая і можа быць выканана ў лічаныя хвіліны.