tableのtdの幅を設定しても、中の文字数が多いと崩れます。どうすればよいでしょうか？

Question

tableのtdの幅を設定しても、中の文字数が多いと崩れます。どうすればよいでしょうか？

こんな感じだと、崩れます。

<table>
  <thead>
    <tr>
      <th style="width:20%" >a/th>
      <th style="width:20%" >b</th>
      <th style="width:20%" >c</th>
      <th style="width:20%" >d</th>
     <th style="width:20%" >e</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>あ</td>
      <td>い</td>
      <td>う</td>
      <td>え</td>
      <td>お</td>      
    </tr>
    <tr>
      <td>あ</td>
      <td>い</td>
      <td>う</td>
      <td>えええええええええええええええええええええええええええええええええええええええええ/td>
      <td>お</td>      
    </tr>
  </tbody>
</table>

Answer 1

テーブル幅を完全に決め打ちにしたいなら、1列目に幅を指定した上で、<table>にtable-layout:fixedというCSSをかけると可能です（参考）。

Answer 2

table-layout:fixed を使った↓でいけました。
https://www.softel.co.jp/blogs/tech/archives/2848

Answer 3

<table border="1" style="table-layout:fixed;width:100%;">

上記のタグ書き足してうまくいきました
ありがとうございます！

Answer 4

崩れます。

どのように表示することを期待しているのでしょうか？
下のスクリーンショットは jsdojit にファイルを置いてみたときの表示状態です。
http://jsdo.it/katoy/iSVu
とくに崩れているとは感じませんが。
![イメージ説明]WIDTH:600

Comments

[axax90]

あれ、すいません。崩れなかったですか。。
今、自分の手元にあるソースコードを真似てやってみたんですが。。
他の問題ですかね。