div 中的文本块强制不换行

使用 css：white-space: nowrap

场景

我希望在缩放窗口时，div 自适应变化，但是 div 里面的内容保持原来的格式，超出部分直接隐藏，不要换行。下图是有问题的：

before

after

解决办法

在蓝色区域的 div 中，加上 css：white-space: nowrap。缩放的时候就不会换行了。