nekatsu https://blog.hatena.ne.jp/nekatsu/ ねかつちう。 https://www.nekatsu.com/ ブログ運営 この記事では「tableタグで横スクロールと自動改行を両立させる方法」について、コード例と解説を備忘目的を兼ねて共有したいと思います。 ここが問題でした 一般的に、tableを横スクロールするためには、「white-space: nowrap」により改行を禁止する必要があります。しかし、この方法では、備考欄など長い文章がtable内に含まれる場合、右方向に延々と続く表になってしまいます。 そういうわけで、わたしも長らく、「横スクロールと自動改行は両立できない」と思い込んできたのですが、コードと数時間格闘した結果、なんとか実用的な解決策が見つかりましたので、備忘を兼ねて共有したいと思います。 ち… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.nekatsu.com%2Fentry%2Fcss-scroll" title="tableタグで横スクロールと自動改行を両立させる方法（ScrollHint付き） - ねかつちう。" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/n/nekatsu/20190630/20190630070443.png Hatena Blog https://hatena.blog 2019-07-01 07:30:00 rich https://www.nekatsu.com/entry/css-scroll 1.0 100%