主要介绍了flex布局实现左侧文字溢出省略右侧文字自适应的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

想要实现一个左侧文字可以根据文字长短自动调整宽度，当一行显示不下时，不挤压右侧文字空间，左侧文字溢出省略。同理当右侧文字变长的时候，右侧文字全显示，左侧文字被挤压后溢出省略的效果。我说的可能不是很清楚，让我们看看效果图吧。 1.右侧文字是多少就是多宽，左侧默认占据剩余的所有空间。 2.右侧文字是多少就是多宽，和1一样。左侧文字很长很长溢出省略。 3.左侧文字和2一样，右侧文字给他加了两个right。 下面上样式： .footer { width: 300px; height: 2