今天工作中遇到了需要让汉字和英文词汇均不换行的需求，同时需要考虑兼容性问题，除了white-space：nowrap或者pre。顺带将所有相关的知识补了一下。
首先是white-space，在没有设定white-space情况下
#test {font-size: 20px;margin: 0 auto;background: grey;width: 100px;color: black;}</style></head><body><div>dsafdsf adsfsadfdafadf </div></body></html>
结果图为：
接着是nowrap
#test {font-size: 20px;margin: 0 auto;background: grey;width: 100px;color: black;white-space: nowrap;}</style></head><body>
![[转载 css]word-wrap word-break white-space text-overflow的区别和用法](https://1200zi.500zi.com/uploadfile/img/14/774/a6f0b413d52dfb9975afb6255eda7308.jpg)
