强制中英文换行及超出显示省略号的问题

当固定盒子的宽度时，中文会换行，但是英文和数字不换行，解决的方法如下：

1.  强制英文换行（二选一）

word-break: break-all;

word-wrap: break-word;

 

2. 强制中文换行 只对中文有作用

white-space: pre-wrap;

 

3. 强制不换行 中英文都有作用

white-space: nowrap;

 

4. 超出不换行，超出部分隐藏且以省略号形式出现（部分浏览器支持）中英文都有作用

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

 

5. 超出两行换行

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

width: 550rpx;

line-height: 40rpx;