投稿日:

IE8 で white-space:nowrap が指定範囲の外まで影響する問題の回避方法


すこしはまったので、メモ&情報共有です。
この問題、Webで調べると、よく float:left; での解決が示されていますが、今回の自分の事例ではレイアウト的にそれができなくて、困りました。

で、結局、色々試した結果、display:inline-block; で解決でした!

具体的には次の css を書きました。

1行目が、white-space:nowrap の指定で、2行目で、ハックを用いて IE8 のみに、display:inline-block を適用しています。

以上、ご参考まで。