[HTML]テーブルの列幅を等間隔にする（width:10%）

ここでは、テーブルの列幅を等間隔にそろえるサンプルを掲載しています。もっと他にも良い手法があるような気がしなくもないですが、自分用のメモとして残してあります。よろしければどうぞ。

テーブルの列幅を等間隔にする

以下の例では、テーブルの横幅を800px、各列の横幅を10%としてあります。横幅の割合を十分小さくというよりは、各列同じにすることで等間隔になります。

列数が動的に変化するようなケースで使用できるような気がします。

  <table style="width:800px;">
    <tr>
        <td style="width:10%;border:1px solid #000000;">
          じれったいお前の愛が～
        </td>
        <td style="width:10%;border:1px solid #000000;">
          う
        </td>
        <td style="width:10%;border:1px solid #000000;">
          ざったいほど愛していると言ってくれ～～～～俺たちウォーターボーイズ！！年代がばれてしまう。
        </td>
    </tr>
  </table>

スペースが余りに余ったので、ほっと一息つける写真でもどうぞ。