CSS强制性换行

一般情况下，元素拥有默认的

white-space:normal 自动换行

PS：不换行是white-space:nowrap
当录入的文字超过定义的宽度后会自动换行，但当录入的数据是一堆没有空格的字符或字母或数字（常规数据应该不会有吧，但有些测试人员是会这样子做的），超过容器宽度时就会把容器撑大，不换行。

text-overflow省略号…样式语法结构
text-overflow语法：
text-overflow : clip | ellipsis

clip : 　不显示省略标记（…），而是简单的裁切
ellipsis : 　当对象内文本溢出时显示省略标记（…）
例子：

display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

多行文本截断（即超出两三行省略）

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /*行数*/

• 还有其他的换行知识，详情请看： https://www.cnblogs.com/sugartang/p/11628541.html
• 当然如果有小伙伴想直接点： 这里也有------https://www.cnblogs.com/sugartang/p/11628541.html
• 这个文章也是有一些记载，不过我个人用了里面的方法却没有实现 -----https://www.cnblogs.com/1234wu/p/10635454.html