Table中设置nowrap（文字不折行，溢出显示…）且自适应宽

**问题：**最近遇到个问题。在table中设置文字不换行，且溢出显示"..."。

发现如果div不设置宽度（或这是宽度100%），文字多的时候td会被撑开。但是如果设置宽度的话屏幕宽的时候不会自适应。

**解决：**想到一个方法,使用两个div放置相同的文字内容，其中一个div设置不折行溢出隐藏，另一个div正常，但是设置为不可见，用于站位，撑开父级宽度。代码如下

<td>

    <div className="nowrap_text">

        <div>一二三四五六七八九十</div>

        <div>一二三四五六七八九十</div>

    </div>

</td>

less

.nowrap_text {

  position: relative;

  word-break: break-all;

  &>div {

    &:first-child {

      opacity: 0;

      height: 18px;

      overflow: hidden;

    }

    &:last-child {

      position: absolute;

      top: 0;

      left: 0;

      overflow: hidden;

      width: 100%;

      text-overflow: ellipsis;

      white-space: nowrap;

    }

  }