tableタグで横スクロールと自動改行を両立させる方法（ScrollHint付き） - ねかつちう。

この記事では「tableタグで横スクロールと自動改行を両立させる方法」について、コード例と解説を備忘目的を兼ねて共有したいと思います。 ここが問題でした 一般的に、tableを横スクロールするためには、「white-space: nowrap」により改行を禁止する必要があります。しかし、この方法では、備考欄など長い文章がtable内に含まれる場合、右方向に延々と続く表になってしまいます。 そういうわけで、わたしも長らく、「横スクロールと自動改行は両立できない」と思い込んできたのですが、コードと数時間格闘した結果、なんとか実用的な解決策が見つかりましたので、備忘を兼ねて共有したいと思います。 ちなみに、「きれいな」CSSコードの書き方を習得したい方には、定評のある「教科書」シリーズをお勧めします。数ある技術書の中で評価の高い一冊です。 Web制作者のためのCSS設計の教科書 モダンWeb開発