2017年5月25日

div 中的文本块强制不换行

使用 css:white-space: nowrap

场景

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

%e5%b1%8f%e5%b9%95%e5%bf%ab%e7%85%a7-2017-05-24-%e4%b8%8b%e5%8d%888-11-00

before

%e5%b1%8f%e5%b9%95%e5%bf%ab%e7%85%a7-2017-05-24-%e4%b8%8b%e5%8d%888-11-17

after

解决办法

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

You may also like...

发表评论

电子邮件地址不会被公开。 必填项已用*标注


*