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

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)

你可能感兴趣的:(前端)