white-space:nowrap;
上面这行代码就实现了文本不换行的效果。其中，white-space 表示元素内部文本的空白怎么处理，nowrap 表示禁止换行。
需要注意的是，如果文本过长，超出了容器的宽度，那么将会出现溢出的问题。这时候，大家可以选择加入 overflow 属性，指定溢出的部分隐藏。
overflow:hidden;
除了nowrap，CSS 还提供了 pre 和 pre-wrap 两个属性，它们都能使文本不换行。pre 的特点是保留 HTML 中的空格和换行，而 pre-wrap 不保留 HTML 中的空格和换行。
总之，在进行网页设计时，了解非换行功能的实现方法对于让网页更美观更易读是至关重要的。