-
幅を固定する方法: テーブルの各列に固定の幅を指定することで、列の幅を同じにすることができます。以下は例です:
<table> <tr> <td style="width: 100px;">列1</td> <td style="width: 100px;">列2</td> <td style="width: 100px;">列3</td> </tr> </table>
上記の例では、各列に100ピクセルの幅が設定されています。必要に応じて、幅の値を変更してください。
-
CSSを使用する方法: CSSを使用してテーブルの列の幅を制御することもできます。以下は例です:
<style> .table { table-layout: fixed; } .table td { width: 100px; } </style> <table class="table"> <tr> <td>列1</td> <td>列2</td> <td>列3</td> </tr> </table>
上記の例では、
table-layout: fixed;
によってテーブルの幅が固定され、各列の幅が100ピクセルに設定されています。
<table>
<colgroup>
<col style="width: 100px;">
<col style="width: 100px;">
<col style="width: 100px;">
</colgroup>
<tr>
<td>列1</td>
<td>列2</td>
<td>列3</td>
</tr>
</table>
<col>
タグを使用することで、各列の幅を個別に指定することができます。
これらはテーブルの列を同じ幅にするためのいくつかの一般的な方法です。必要に応じて、適切な方法を選択してください。