困难Flex布局下中文字符使用ellipsis不能正常省略而中文不忽略的问题

在父容器中flex布局下, 将以下内容添加到子布局CSS代码

        overflow: hidden;
        white-space: nowrap; // 添加此行的中文有省略号
        text-overflow: ellipsis;
        height: 19px;
        display: inline-block;
        width: 43px;

在使用ellipsis当省略， 要做到这一点就足够了。

1. 块级元素的属性
2. 有固定宽度和overflow: hidden
3. 属性太长且不换行。