div 中的文本块强制不换行

使用 css：white-space: nowrap

场景

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

before

after

解决办法

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

站长数十年成长感悟，输入暗号查看

公众号上还能加入书舟书友群、美团外卖红包群，免费领取站桩和原创 chatgpt 教程哦

暗号：

请关注本站微信公众号，回复“暗号”，即可获取。在微信里搜索“桩白墨”或者“baimoz”或者微信扫描右侧二维码都可以关注站长微信公众号。