Paprastas būdas centruoti lentelę naudojant CSS

Viena eilutė kodo - tai viskas, ko reikia, kad centruotų lentelę

Kaskadinių stilių lakštai (CSS) yra stiliaus lapų kalba, dažniausiai naudojama norint nustatyti HTML ir XHTML tinklalapių vizualų stilių. Galite būti naujokai žiniatinklyje ar CSS ir turite klausimų apie tai, kaip tinkle sutelkti lentelę. Jūs taip pat galite būti patyręs dizaineris, kuris supainioja, kaip šį metodą atlikti dabar, kai žymos CENTER ir align = "centre" atributas yra nebeaktualus lentelėje "TABLE". Naudodamiesi CSS, tinklalapio centravimo lentelės nėra sudėtingos.

Naudokite CSS, kad centruotų lentelę

Galite pridėti vieną eilutę savo CSS stiliaus lape, kad centruotų visas lenteles horizontaliai:

lentelė {margin: auto; }

arba galite pridėti tą pačią eilutę prie savo stalo tiesiogiai:

Kai lentelę įtraukiate į tinklalapį, jį pateikiate į bloko lygio elementą, pvz., "BODY", "P", "BLOCKQUOTE" arba "DIV". Jūs galite centre lentelę per tą elementą naudodami paraštę: auto; stilius. Tai nurodo naršyklę, kad visos lentelės pusės maržos būtų vienodos, taigi pozicija yra tinklalapio centre esanti lentelė.

Kai kurie senesni interneto naršyklės nepalaiko šio metodo

Jei jūsų svetainėje turi būti palaikoma senesnė žiniatinklio naršyklė, pvz., "Internet Explorer 6", tada jūs turite naudoti " align =" center " arba" CENTER "žymą, kad centruotų savo lenteles. Tai yra vienintelė komplikacija, su kuria susidursite centruodami savo lenteles tinklalapyje. Naudojant šią techniką yra lengva ir gali būti įvykdyta per keletą minučių.