L'uso delle tabelle nella progettazione di un sito web è un compito entusiasmante. Per impostazione predefinita, l'allineamento di una tabella è verso sinistra, ma utilizzando il comando margine proprietà in CSS, possiamo allinearlo al centro.

Se impostiamo il valore di margine sinistro E margine destro A auto , i browser mostreranno la tabella centrata. Possiamo usare la proprietà abbreviata margine e impostarlo su auto per allineare il tavolo al centro anziché utilizzare il margine sinistro E margine destro proprietà.

leggi di equivalenza

Invece di allineare il tavolo al centro, il allineamento testo: centro; La proprietà centra solo il contenuto della tabella, ad esempio il testo all'interno della tabella.

Capiamolo utilizzando un'illustrazione.

Esempio

In questo esempio, stiamo utilizzando il file allineamento testo: centro; proprietà per centrare il contenuto all'interno della tabella e margine sinistro: automatico; E margine destro: automatico; per centrare il tavolo.

 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> 

Produzione

formattatore di stringhe