Css 垂直对齐并填充3个块的剩余空间

我需要垂直对齐3个块，其中中心块应占据剩余空间，而横向块将自动调整大小

我的代码（）：

.parent{
背景：浅灰色；
//显示：表格；
}
[类别|=“i”]{
显示：内联块；
//显示：表格单元格；
填充物：5px；
保证金：0；
}
.左{
背景：绿色；
}
.i-full{
背景：浅绿色；
宽度：30%；
垂直对齐：中间对齐；
}
.是的{
背景：浅蓝色；
}

[左长尺寸的最小空间]
【长内容填充行长内容填充行长内容填充行长内容填充行长内容填充行长内容填充行长内容填充行长内容填充行长内容填充行长内容填充行长内容填充行长内容】
[最小空间右]

CSS表格用于布局和

空白：nowrap

位于“自动调整大小”左/右单元格上，因此文本不会换行

.parent{
背景：浅灰色；
显示：表格；
}
[类别|=“i”]{
显示：表格单元格；
填充物：5px；
保证金：0；
垂直对齐：中间对齐；
}
.左{
背景：绿色；
空白：nowrap
}
.i-full{
背景：浅绿色；
}
.是的{
背景：浅蓝色；
空白：nowrap
}

[左长尺寸的最小空间]
[长内容填写行长内容填写行长内容填写行长内容填写行长内容填写行长内容填写行长内容填写行长内容填写行长内容填写行长内容填写行长内容填写行长内容填写行长内容
[一排]
[最小空间右]

在我看来，CSS表格就是一个例子。对于表格，我无法自动调整横向单元格的大小。..help your

white space:nowrap

。）注意，谢谢！