レスポンシブ フレームワークにおける、テーブル header_html/css_WEB-ITnose の自動行折り返しの解決策

最近、ブートストラップを使用してウェブサイトを開発しているのですが、PC で表示すると通常のスタイルになっているのですが、画面が小さいため、表が大幅に圧縮されてしまいます。 、ヘッダーとデータは以下のように変形されます

その後、オンラインで検索したところ、style="word-break: keep-all" を追加することで問題を解決できる便利な CSS 属性を見つけました

ここに記録してください。