场景描述:
上图场景中,需求是 职位名称 与 薪资 保持在同一行,无论薪资多长总能保持正常显示,当职位名称过长时超出部分显示 "..." 省略符,如
和
实现过程中发现使用flex布局时,薪资部分不设置宽度,自适应,左侧职位名称部分设置flex: 1;使用overflow: hidden时失效
解决办法:
左侧职位名称部分设置如下
flex: 1;
width: 0;
场景描述:
上图场景中,需求是 职位名称 与 薪资 保持在同一行,无论薪资多长总能保持正常显示,当职位名称过长时超出部分显示 "..." 省略符,如
和
实现过程中发现使用flex布局时,薪资部分不设置宽度,自适应,左侧职位名称部分设置flex: 1;使用overflow: hidden时失效
解决办法:
左侧职位名称部分设置如下
flex: 1;
width: 0;