flex布局，左右固定宽度，中间自适应

flex布局，左右固定宽，中间自适应

下面这种写法没有问题，但是如果中间放的是文字，要求显示一行，超出部分...显示呢？

  .left {
    width:72px;
    min-width:72px;
  }
  .center {
    flex:1;
  }
  .right {
    width:56px;
    min-width:56px;
  }

改进写法

  .left {
    width:72px;
    min-width:72px;
  }
  .center {
    overflow:hidden;
  }
  .center_content_ellipsis{
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
  }
  .right {
    width:56px;
    min-width:56px;
  }

  <div class="container">
    <div class="left"></div>
    <div class="center">
      <div class="center_content">
        <div class="center_content_ellipsis">中国互联网络信息中心：由我国主导研发出一款新型可编程光量子计算芯片，能实现多粒子量子漫步的完全可编程动态模拟，4月国内实现7nm芯片试产</div>
      </div>
    </div>
    <div class="right"></div>
  </div>