<div style="display:flex">

    <span style="flex:1">超长文本</span>

    <span>右侧文本</span>

</div>

当文本超长是,会将div元素宽度撑开,不管你设置了

white-space: nowrap;

text-overflow: ellipsis;

overflow: hidden;

也是一样,但是加上 width: 1; 之后,这个超长文本就会自动占满父元素的剩余空间了,而且不需要设置任何元素的宽度