Tabulu izmantošana mājas lapas izstrādē ir aizraujošs uzdevums. Pēc noklusējuma tabulas līdzinājums ir vērsts pa kreisi, bet izmantojot starpība īpašumu CSS , mēs varam to līdzināt centrā.

Ja mēs iestatām vērtību piemale-kreisais un mala-labais uz auto , tad pārlūkprogrammas parāda tabulu centrā. Mēs varam izmantot stenogrāfijas īpašību starpība un iestatiet to uz auto lai izlīdzinātu tabulu centrā, nevis izmantotu piemale-kreisais un mala-labais īpašums.

pilna forma pvr

Tā vietā, lai izlīdzinātu tabulu centrā, teksta līdzināšana: centrs; rekvizīts centrē tikai tabulas saturu, piemēram, tekstu tabulā.

Sapratīsim to, izmantojot ilustrāciju.

Java sinhronizācija

Piemērs

Šajā piemērā mēs izmantojam teksta līdzināšana: centrs; rekvizītu, lai centrētu saturu tabulā un piemale-kreisais: auto; un mala-labā: auto; lai centrētu galdu.

 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> 

Izvade