Bruk av tabeller i utformingen av en nettside er en spennende oppgave. Som standard er justeringen av en tabell mot venstre, men ved å bruke margin eiendom i CSS, kan vi justere den i sentrum.
Hvis vi setter verdien på marg-venstre og marg-høyre til auto , så viser nettleserne tabellen sentrert. Vi kan bruke stenografi-egenskapen margin og sett den til auto for å justere bordet i midten i stedet for å bruke marg-venstre og marg-høyre eiendom.
generell beskyttelsesfeil
I stedet for å justere bordet til midten, kan tekst-align: center; egenskapen sentrerer bare tabellinnholdet, for eksempel teksten inne i tabellen.
La oss forstå dette ved å bruke en illustrasjon.
Eksempel
I dette eksemplet bruker vi tekst-align: center; egenskap for å sentrere innholdet inne i tabellen og margin-venstre: auto; og marg-høyre: auto; å sentrere bordet.
forskjellen mellom firma og selskap
table, th, td { border: 1px solid black; margin-left: auto; margin-right: auto; border-collapse: collapse; width: 500px; text-align: center; font-size: 20px; } <table class="table"> <tr> <th>First_Name</th> <th>Last_Name</th> <th>Subject</th> <th>Marks</th> </tr> <tr> <td>James</td><td>Gosling</td><td>Maths</td><td>92</td> </tr> <tr> <td>Alan</td><td>Rickman</td><td>Maths</td><td>89</td> </tr> <tr> <td>Sam</td><td>Mendes</td><td>Maths</td><td>82</td> </tr> </table>Test det nå
Produksjon