'N Eenvoudige manier om 'n tabel te gebruik met behulp van CSS

Een reël kode is al wat jy nodig het om 'n tafel te sentreer

Cascading Style Sheets (CSS) is 'n stylblad taal wat die meeste gebruik word om die visuele styl van webblaaie wat in HTML en XHTML geskryf is, te stel. Jy mag nuut wees vir webontwerp of CSS en vrae oor hoe om 'n tafel op 'n webblad te sentreer. Jy kan ook 'n ervare ontwerper wees wat verwar is oor hoe om hierdie tegniek te verrig, aangesien die kenmerk CENTRE en die kenmerk = align = "sentrum" in die TABLE-tag uitgeskakel word. Met CSS is sentreringstabelle op 'n webblad glad nie moeilik nie.

Gebruik CSS om 'n tabel te sentreer

Jy kan 'n enkele reël by jou CSS-stylvel voeg om alle tabelle horisontaal te sentreer:

tabel {marge: outomaties; }

of jy kan dieselfde lyn direk by jou tafel voeg:

Wanneer jy 'n tafel in 'n webblad plaas, plaas jy dit binne 'n blokvlak element soos LIGGAAM, P, BLOCKQUOTE of DIV. U kan die tabel binne die element senter deur die marge te gebruik: outomaties; styl. Dit vertel die leser om die marges aan alle kante van die tafel gelyk te maak, wat die tabel in die middel van die webblad plaas.

Sommige ouer webblaaier ondersteun hierdie metode nie

As u webwerf 'n ouer webblaaier moet ondersteun, soos Internet Explorer 6, moet u voortgaan om align = "center" of die CENTER-tag te gebruik om u tabelle te sentreer. Dit gaan oor die enigste komplikasie wat jy sal betree wanneer jy jou tafels op 'n webblad gaan centreer. Die gebruik van hierdie tegniek is maklik en kan binne enkele minute uitgevoer word.