问题描述
人名过长的时候未截断，导致后面的描述被挤出去了（前后都是一个span元素，里面都有内容，宽度都不固定）
过程
刚开始的思路是：
先获取整个父元素的宽度，然后获取右侧子元素的宽度，相减之后，得到左侧元素的宽度，然后做缩略处理
然后按照这个思路开始处理，处理后发现不对，原来是因为右侧的子元素受左侧子元素宽度的影响，导致右侧的宽度取值一直不对
后通过flex布局来解决的：flex：0 0 auto
人名过长的时候未截断，导致后面的描述被挤出去了（前后都是一个span元素，里面都有内容，宽度都不固定）
刚开始的思路是：
先获取整个父元素的宽度，然后获取右侧子元素的宽度，相减之后，得到左侧元素的宽度，然后做缩略处理
然后按照这个思路开始处理，处理后发现不对，原来是因为右侧的子元素受左侧子元素宽度的影响，导致右侧的宽度取值一直不对
后通过flex布局来解决的：flex：0 0 auto
