本文摘自PHP中文网，作者藏色散人，侵删。
css实现英文不换行的方法：首先创建一个HTML示例文件；然后在body中定义一些英文内容；最后通过添加“white-space:nowrap;”属性实现英文不换行效果。
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
CSS强制英文、中文换行与不换行
设计制作HTML时会遇到CSS强制英文、中文换行与不换行的问题，可以通过本文了解一下相关知识。
结构：
1.Transshipment Booking System is launched只对英文起作用，以字母作为换行依据
2.Transshipment Booking System is launched只对英文起作用，以单词作为换行依据
3.Transshipment Booking System is launched只对中文起作用，强制换行
4.Transshipment Booking System is launched强制不换行，都起作用
5.不换行，超出部分隐藏且以省略号形式出现
5.不换行，超出部分隐藏且以省略号形式出现Transshipment Booking System is launched
代码：
.p1{ word-break:break-all; width:150px;}/*只对英文起作用，以字母作为换行依据*/
.p2{ word-wrap:break-word; width:150px;}/*--只对英文起作用，以单词作为换行依据*/
.p3{white-space:pre-wrap; width:150px;}/*只对中文起作用，强制换行*/
.p4{white-space:nowrap; width:10px;}/*强制不换行，都起作用*/
.p5{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100px;}／/*不换行，超出部分隐藏且以省略号形式出现*/
1. word-break:break-all;只对英文起作用，以字母作为换行依据
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
