<div class='wrap'>
<div class='left'>左</div>
<div class='right'>右</div>
</div>
<style>
.wrap{
display:flex;
}
.left{
width:100px;
flex-shirk:0; //避免被flex:1挤压
white-space: pre-wrap; //实现标签中显示多个并列空格
}
.right{
flex:1; //自适应剩余宽度
word-wrap: break-word; //设置数字或者字母换行
word-break: break-all;
}
</style>
以上代码处理了 数字/字母太长 不换行的情况,已经flex:1挤压布局。