各table内のセル幅を同一にしたい

Question

＊やりたいこと
table内の指定のセル幅を固定にしたい
例のコードのように複数のテーブルがある場合、
セル中の文字列の長さにかかわりなく、どのテーブルであっても、３つののセルの長さ（横幅）を固定（同一の長さ）にしたい。

CSSの調整だけでできるものでしょうか？

＊やってみたこと

<style>
.width100{
  width:100px;
}
.width150{
  width:150px;
}
.tb-fix{
  table-layout:fixed;
}
.td-fix{
   word-wrap:break-word;
 }
</style>
最初のテーブル
<table class="tb-fix">
<tr>
  <td width="100" class="td-fix width100">
  あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこさしすせそ
  </td>
  <td width="300">
　なにか大量の文字列・・・・・
  </td>
  <td width="150" class="td-fix width150">
  アイウエオカキクケコサシスセソ
  </td>
</tr>
</table>
二番目のテーブル
<table class="tb-fix">
<tr>
  <td width="100" class="td-fix width100">
  短い文字列
  </td>
  <td width="300">
　日本語モジレツ
  </td>
  <td width="150" class="td-fix width150">
  アイ 
  </td>
</tr>
</table>
三番目のテーブル
<table class="tb-fix">
<tr>
  <td width="100" class="td-fix width100">
  短い文字列
  </td>
  <td width="300">
　長い英文・・・・・
  </td>
  <td width="150" class="td-fix width150">
  短い英文
  </td>
</tr>
</table>

ただし、真ん中のセルには、日本語のかなり長い文字列が入る前提ですが、まれに英文の場合もあります。したがって、真ん中のセル幅によって、左のセルの幅が変わってくるのが現状です。
英文であっても、日本語（全角文字）であっても、関係なく、各テーブルのセル幅を同じにしたいです。

Comments

[kszk311]

まずは<script>を<style>にしましょう。

[sakura-shi]

修正しました。

Answer 1

幅指定は、widthタグかスタイルどちらかにしましょう。

td全部に幅指定しているということは、table自体の幅が固定だということだと思いますので、
tableに幅指定すればいいかと。

table {
	width: 550px;
}

Comments

[sakura-shi]

ありがとうございます。やってみたのですが、テーブルが複数ある場合、どうしても、最左のセルで、短い文字列のセルであっても長さ（横幅）が揃いません。