css 右边固定左边不够省略

HTML

  

      左边文本内容.........
  
  

    这里是右边固定内容
  

CSS

.wrapper{
    display: flex;
    justify-content: space-between;
}
.left{
  overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}