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。缩放的时候就不会换行了。


“以书为舟,遨游尘世”,
最好的免费 kindle 电子书分享站:

You may also like...

发表回复

您的电子邮箱地址不会被公开。


*