本文摘自PHP中文网，作者V，侵删。
css控制文字不换行的方法：可以利用white space属性来控制，如【white-space:nowrap;】，white space属性指定元素内的空白怎样处理，normal表示浏览器忽略空白。
本教程操作环境：windows10系统、css3版，该方法适用于所有品牌电脑。
（学习视频分享：css视频教程）
css控制文字不换行的方法：
使用white-space属性指定元素内的空白怎样处理。
属性值：
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
pre-wrap 保留空白符序列，但是正常地进行换行。
pre-line 合并空白符序列，但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。
示例：
1 2 3 |
|
相关推荐：CSS教程
以上就是css怎么控制文字不换行的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
css中background什么意思？background用法详解
详解css中优先级和stacking context等高级特性，带你更深入了解css！！
通过示例来了解css background强大的用法（值得收藏）
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
