CSS-ны қолданатын кестені ортақ жол

Кодтың бір сызығы сізге үстелді ортаға қою керек

Cascading Style Sheets (CSS) - бұл HTML және XHTML-да жазылған веб-беттердің визуалды стилін орнату үшін жиі қолданылатын стиль парағының тілі. Веб-дизайн немесе CSS- ке жаңа болуы және веб-беттегі кестені қалай ортаға қою керектігі туралы сұрақтарыңыз болуы мүмкін. Сіз сондай-ақ, осы әдісті қалай жасауға болатындығы туралы шатастыратын тәжірибелі дизайнер бола аласыз, енді CENTER tag және align = «center» төлсипаты TABLE тегінде ескірген. CSS көмегімен веб-беттегі кестелерді ортаға салу қиын емес.

Кестені ортаға қою үшін CSS-ні ​​қолданыңыз

Барлық кестелерді көлденеңінен ортаға қою үшін CSS мәнер кестесіне бір жолды қосуға болады:

table {margin: auto; }

немесе сол сызықты тікелей үстелге қосуға болады:

Кестені веб-параққа орналастырған кезде оны BODY, P, BLOCKQUOTE немесе DIV сияқты блоктық деңгейдегі элементке орналастырасыз. Кестені сол элементтің ішінде маржаны пайдалана отырып ортаға салуға болады : auto; стиль. Бұл браузерге кестенің барлық жағына тең шекараларды жасауға мүмкіндік береді, ол кестені веб-беттің ортасында орналастырады.

Кей ескі браузерлер бұл әдісті қолдамайды

Егер сіздің сайтыңыз Internet Explorer 6 сияқты ескі веб-браузерді қолдауға тиіс болса, кестелерді ортаға қою үшін align = «center» немесе CENTER тегін пайдалануды жалғастырыңыз. Веб-беттегі кестелеріңізді ортаға салған кезде іске қосылатын жалғыз қиындық туралы. Бұл техниканы пайдалану өте оңай және бірнеше минут ішінде орындалуы мүмкін.