flex布局下overflow失效问题

场景描述:


上图场景中,需求是 职位名称  与  薪资 保持在同一行,无论薪资多长总能保持正常显示,当职位名称过长时超出部分显示  "..." 省略符,如



实现过程中发现使用flex布局时,薪资部分不设置宽度,自适应,左侧职位名称部分设置flex: 1;使用overflow: hidden时失效

解决办法:

左侧职位名称部分设置如下

flex: 1;
width: 0;
相关文章
相关标签/搜索