想实现左边的文字可以根据文字的长度自动调整宽度。当一行无法显示时,右边的文本空间不会被挤压,左边的文本会溢出而被省略。同理,当右边的文字变长时,右边的文字被完全显示,左边的文字被挤压溢出省略的效果。说的可能不是很清楚,我们来看效果图。1.右边的文字尽可能宽,左边默认占据所有剩余空间。2.右边的文字一样宽,和1一样。左边的文字很长,溢出省略了。3、左边的文字同2,右边的文字加两个右。这是样式:.footer{width:300px;高度:20px;显示:弹性;溢出:隐藏;}.left{背景:#3cc8b4;弹性:11自动;溢出:隐藏;文本溢出:省略号;空白:nowrap;最小宽度:50px;}.right{背景:#9bc;max-width:250px;}.right-ellipsis{overflow:hidden;文本溢出:省略号;空白:nowrap;
