css解决字符串中同时存在 中文、英文、数字字符，自动换行不对齐问题

1、普通设置：
style{
width:400px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
/ * autoprefixer:off * /
-webkit-box-orient:vertical;
/ * autoprefixer:on * /
-webkit-line-clamp:4
}
效果如下：

图一：

5.png

图二：

6.png

以上会导致英文和数字自动换行不对齐。

2、解决后
style{
width:400px;
word-break:break-all;
word-wrap:break-word;
overflow:hidden;
text-align:left;//这是我在表格中使用时表头设置了居中，通用可不设置
text-overflow:ellipsis;
display:-webkit-box;
/ * autoprefixer:off * /
-webkit-box-orient:vertical;
/ * autoprefixer:on * /
-webkit-line-clamp:4
}

效果如下：

8.png

9.png