中英文本同句时， CSS 控制超出宽度显示省略号时， 浏览器计算的宽度不正确

Question

控制文本的样式为：

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

问题：第5行的文本长度突出来了。

因为要自适应浏览器宽度是动态的， 尝试过以下方法, 都拯救不了左边突出来的那一段

1. 文本宽度设置为 width: 50% ， 文本宽度是小了，但左边的还是突出来
2. 修改word-break断句也无效果， 到积分; 后面的全不显示也是一样

Answer 1

用了flex?
设置超出省略是需要一个明确的宽度的.

Answer 2

你要改的是5 后面整块的宽度