Brugen af ​​tabeller i design af en hjemmeside er en spændende opgave. Som standard er justeringen af ​​en tabel mod venstre, men ved at bruge margen ejendom i CSS, kan vi justere det i centrum.

Hvis vi sætter værdien af margin-venstre og margin-højre til auto , så viser browserne tabellen centreret. Vi kan bruge stenografi-egenskaben margen og sæt den til auto til at justere bordet i midten i stedet for at bruge margin-venstre og margin-højre ejendom.

generel beskyttelsesfejl

I stedet for at justere bordet til midten, tekst-align: center; egenskab centrerer kun tabelindholdet, såsom teksten inde i tabellen.

Lad os forstå dette ved at bruge en illustration.

Eksempel

I dette eksempel bruger vi tekst-align: center; egenskab for at centrere indholdet inde i tabellen og margin-venstre: auto; og margin-right: auto; at centrere bordet.

java dato til streng

 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> 

Produktion