logo

Како центрирати табелу у ЦСС-у?

Употреба табела у дизајнирању веб странице је узбудљив задатак. Подразумевано, поравнање табеле је улево, али помоћу маргина својство у ЦСС-у, можемо га поравнати у центру.

Ако поставимо вредност од маргин-лево и маргин-десно до ауто , онда претраживачи приказују табелу у средини. Можемо користити својство стенографије маргина и подесите га на ауто за поравнавање стола у средини уместо коришћења маргин-лево и маргин-десно имовина.

плскл

Уместо поравнања табеле са центром, тект-алигн: центар; својство само центрира садржај табеле, као што је текст унутар табеле.

Хајде да ово разумемо користећи илустрацију.

питања за интервју на јава језику

Пример

У овом примеру користимо тект-алигн: центар; својство да центрира садржај унутар табеле и маргин-лефт: ауто; и маргин-ригхт: ауто; за центрирање стола.

 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> 
Тестирајте одмах

Излаз

Како центрирати табелу у ЦСС-у?