Html 将最后一个制表符的宽度拆分为50%，所有其他制表符应适合其他50%的宽度

需要以这样的方式拆分所有选项卡。最后一个标签的宽度为50%，其余所有标签的宽度必须为50%。目前我给出了固定宽度：16.65%。希望避免使用，因为除最后一个选项卡外，可能有2个或3个选项卡

这可以通过使用

显示：flex

实现吗

*{
保证金：0；
}
.包装纸{
溢出：隐藏
}
.wrapper.tab{
浮动：左；
宽度：16.65%；
文本对齐：居中；
背景：#ccc；
}
.wrapper.最后一页{
宽度：50%；
背景：#999
}

表1
表2
表3
最后一页

您可以这样做：

*{
保证金：0；
}
.包装纸{
显示：flex；/*以内联方式显示子项*/
溢出：隐藏；
}
.wrapper>.tab{
flex:1；/*支持flex项目的增长，以便它们可以填充flex容器宽度/这是一种简写方式，但您也可以使用：flex:1自动；（即flex增长、flex收缩、flex基础）*/
/*浮动：左*/
/*宽度：16.65%*/
文本对齐：居中；
背景：#ccc；
}
.wrapper>.last选项卡{
/*宽度：50%*/
柔性：0 1 50%；/*调整为包装宽度的一半（即初始宽度设置为50%）*/
背景：#999；
}

表1
表2
表3
最后一页

试试这个

*{
保证金：0；
}
.包装纸{
溢出：隐藏；
显示器：flex；
宽度：100%；
}
.wrapper.tab{
宽度：计算值（50%/3）；
文本对齐：居中；
背景：#ccc；
}
.wrapper.最后一页{
宽度：50%；
背景：#999
}

表1
表2
表3
最后一页

取2个50-50%的块。然后，您可以根据需要轻松划分内部div

希望这对你有帮助：）

*{
保证金：0；
}
.包装纸{
/*溢出：隐藏*/
显示器：flex；
}
.wrapper.tab容器{
/*浮动：左*/
显示器：flex；
宽度：50%；
背景：#ccc；
}
.wrapper.tab{
/*浮动：左*/
显示器：flex；
宽度：33.33%；
文本对齐：居中；
}
.wrapper.最后一页{
宽度：50%；
背景：#999；
文本对齐：居中；
}

表1
表2
表3
最后一页

此操作适用于3个选项卡。但有两个选项卡失败。谢谢你的帮助。