css 动态实现文字超长显示...

文字超长后显示点点点（省略...）

上效果图：

• 大屏下
  
• 小屏下
  
  

要求

1. 响应window resize事件，空间足够全部显示，空间不足显示 ...
2. 文字右边图片区域始终显示（不响应window resize事件）
3. 大屏下，红色部分全部显示，小屏下显示...
4. 手动缩小屏幕动态缩小 如上图

• 分析：其实就是 右边图片部分尺寸不变，左边文字区域动态改变

• 话不多少上代码：
  

.tltle-desc {
    width: calc(100% - 75px);
        .title{
          height: 33px;
          line-height: 33px;
          color: #222222;
          font-size: 26px;
          letter-spacing: 0;
          font-weight: 500;
          display: inline-block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 100%;
        }
}