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