纯英文文本设置单行省略无效

html

    

        aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    

失效的css（child的display设置了inline-block）

 .ellipsis{
      width: 200px;
      overflow:hidden;
      text-overflow:ellipis;
      white-space:nowrap;
 }
    
  .child{
      display: inline-block;
 }

结果：aaaaaaaaa

修改后生效的css（child的display设置了inline）

 .ellipsis{
      width: 200px;
      overflow:hidden;
      text-overflow:ellipis;
      white-space:nowrap;
 }
    
  .child{
      display: inline;
 }

结果：aaaaaaaaa...

参考链接：为什么css设置省略却不生效 - 掘金 (juejin.cn)