强制不换行
div{white-space:nowrap;}
自动换行
div{word-wrap: break-word;word-break: normal;}
强制英文单词断行
div{word-break:break-all;}
优化中英文文本换行
通过设置overflow-wrap:break-word;来解决英文文本溢出不换行的问题，通过设置设置word-break:keep-all;来解决中文文本无脑换行的问题。
一个小例子
需求：一个父容器右可以放置n多个标签（非block类型元素），标签内容支持中英文，单标签不允许占多行、不能溢出父容器，
单标签如长度超出容器长度、文字后面加…。
分析：我们采用inline-block,为了流动布局。设置max-width:100%;white-space:nowrap;overflow:hidden;不换行，文字过长则隐藏,同时设置text-overflow:ellipsis;在后面加省略号表示文字过长缺省.