Vienkāršs veids, kā centrēt tabulu, izmantojot CSS

Viena koda rinda ir viss, kas jums nepieciešams, lai centrētu tabulu

Kaskādes stila lapas (CSS) ir stila lapas valoda, kuru visbiežāk izmanto, lai iestatītu HTML un XHTML rakstīto tīmekļa lapu vizuālo stilu. Jums var būt jauna tīmekļa dizains vai CSS, un jums ir jautājumi par to, kā izvietot tabulu tīmekļa lapā. Jūs arī varētu būt pieredzējis dizaineris, kurš sajaucas par to, kā šo paņēmienu veikt tagad, kad CENTER tag un attribute align = "centre" nav atzīmēti TABLE tagā. Ar CSS centrēšanas tabulas tīmekļa vietnē nav grūti.

Izmantojiet CSS, lai centrētu tabulu

Jūs varat pievienot vienu rindiņu CSS stilu lapai, lai centrētu visas tabulas horizontāli:

tabula {margin: auto; }

vai arī jūs varat tieši pievienot to pašu līniju tabulai:

Ja tīmekļa lapā ievietojat galdu, jūs ievietojat to bloku līmeņa elementā, piemēram, BODY, P, BLOCKQUOTE vai DIV. Jūs varat centrēt tabulu šajā elementā, izmantojot rezervi: auto; stils. Tas norāda pārlūkprogrammai, ka malas visos galda malās ir vienādas, un tā izvieto tabulu tīmekļa lapas centrā.

Dažas vecākas tīmekļa pārlūkprogrammas neatbalsta šo metodi

Ja jūsu vietnei jāatbalsta vecāks interneta pārlūks, piemēram, Internet Explorer 6, tad jātērē align = "center" vai CENTER tagu, lai centrētu tabulas. Tas ir par vienīgo sarežģījumu, kas rodas, centrāloties tabulām tīmekļa lapā. Šīs metodes izmantošana ir vienkārša un to var izpildīt dažu minūšu laikā.