中英文本同句時， CSS 控制超出寬度顯示省略號時， 瀏覽器計算的寬度不正確

控制文本的樣式為：

.text {
    color: #5E6574;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
}

問題：第5行的文本長度突出來了。

因為要自適應瀏覽器寬度是動態(tài)的， 嘗試過以下方法, 都拯救不了左邊突出來的那一段

1. 文本寬度設置為 width: 50% ， 文本寬度是小了，但左邊的還是突出來
2. 修改word-break斷句也無效果， 到積分; 后面的全不顯示也是一樣