【css】css文本换行与溢出显示为省略号

1 强制换行

word-wrap: break-word;

2 单行文本溢出时显示为省略号

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

+width,height根据需要设定

3 多行文本溢出时显示为省略号

（仅webkit内核支持，手机端可尝试，android和ios默认浏览器都为webkit内核，微信浏览器也为webkit内核）

display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;

最后一个-webkit-line-clamp属性为指定溢出的行数