テーブル幅の固定化 table-layout: fixed

表が画面一杯（残りの余白部分）になるように、その幅のプロパティを定義することが多い。と定義され、セルもパーセントで定義される。
しかし、これでは問題が生じます。セル内のテキストが幅の制限を超えると、自動的に改行され、高さも自動的に高くなり、テーブル全体のスタイルが不均一で醜いものになってしまいます。
簡単な解決策は、テキストラップを無効にすることです： white-space:nowrap; overflow:hidden;
とても簡単ですね。しかし、結果はやはり予想外でした。テキストはすべて1行で表示され、幅は自動的に広げられ、親コンテナを超えてまで表示され、オーバーフローはまったく機能しません!
どうしたんだ？パーセンテージのせい？でも、静的な固定幅にすると、テーブルの柔軟性が失われますね。
そこで、究極の解決策がさほど苦労せずに見つかった。テーブルの幅を固定する：table-layout：fixed。
ちなみに、以下の参考までに簡単な結果を作ってみました。