Web サイトのデザインにおけるテーブルの使用は、興味深い作業です。デフォルトでは、表の配置は左向きですが、 マージン CSS のプロパティを使用すると、中央に配置できます。

の値を設定すると、 左マージン そして 右マージン に 自動 を選択すると、ブラウザはテーブルを中央に表示します。速記プロパティを使用できます マージン そしてそれを次のように設定します 自動 を使用するのではなく、テーブルを中央に揃える場合 左マージン そして 右マージン 財産。

junit テストケース

テーブルを中央に揃える代わりに、 テキスト整列: 中央; プロパティは、表内のテキストなどの表の内容のみを中央に配置します。

これを図を使って理解してみましょう。

プログラムとスクリプトの違い

例

この例では、 テキスト整列: 中央; テーブル内のコンテンツを中央に配置するプロパティと、 マージン左: 自動; そして マージン右: 自動; テーブルを中央に配置します。

 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> 

出力