テーブルが画面（残りの空白の領域）を埋めることを可能にするために、その幅属性は100％として定義され、セルもパーセンテージで定義されます。
しかし、これは問題を引き起こします。セル内のテキストが幅の制限を超えた場合、ラインを自動的にラップし、高さが自動的に増加し、テーブル全体の不均一なスタイルになります。
これに対する簡単な解決策は、テキストラインブレークを無効にすることです。ホワイトスペース：Nowrap;オーバーフロー：隠し;
とても簡単です！しかし、効果はまだ予想外です。テキストは1つの行に表示され、幅が自動的に拡大され、親コンテナを超えても、オーバーフローはまったく効果がありません！
どうしたの？パーセンテージの理由はありますか？ただし、静的な固定幅を使用すると、テーブルの柔軟性が失われます。
したがって、究極のソリューションは何の努力もなく見つかりました：固定テーブル幅：テーブルレイアウト：固定。
ちなみに、私は簡単なレンダリングを行いました。以下を参照してください。