Html 除最后一行项目外，同样拉伸第一行项目

我使用flexbox在包装器的中心显示年份项目。使用

.inn wrap>*{flex:1 1 auto；}

可以拉伸包装内的最后两项，如果可以对前两项而不是最后两项进行拉伸，是否可能

本年度列表根据当年的博客动态增长

.wrap{宽度：300px；边距：30px自动；背景色：000；填充：15px；边距底部：20px；}
.宽度：100%；
显示器：flex；
柔性包装：包装；
证明内容：中心；
文本对齐：居中；
}
/*对于最后一行：列项目*/
.inn wrap>*{flex:1自动；}
.year{显示：内联块；边距：5px 5px；填充：5px 15px；背景色：#fff；
文字装饰：无；颜色：#000；字号：16px；字重：600；
}

重新排列年份列表（通常不难）

旋转

.inn wrap

至180度

将

.inn wrap

的每个子对象旋转180度

我添加了可调整大小的容器来检查响应性

#调整大小{宽度：340px；填充：20px；边框：实心1px；调整大小：两者；溢出：自动}
.包裹{
最小宽度：100px；
保证金：30像素自动；
背景色：#000；
填充：15px；
边缘底部：20px；
}
瓦普酒店{
宽度：100%；
显示器：flex；
柔性包装：包装；
变换：旋转（180度）；
}
.拉普a酒店{
flex:1自动；
文本对齐：居中；
变换：旋转（180度）；
}
.年{
显示：内联块；
保证金：5px 5px；
填充：5px15px；
背景色：#fff；
文字装饰：无；
颜色：#000；
字体大小：16px；
字号：600；
}

调整我的大小！

这本质上是响应性的，如果第一行有3项或4项，会发生什么情况。这就是为什么会这样challenging@Learning，抱歉，不理解您的评论。请详细说明。使用css，它将始终适用于第一行的前两个项目，如果它根据其父包装的宽度显示3个项目或4个项目，会怎么样？我已经添加了几个示例。关于响应“是”，这是引导的一部分，所以此

包装的宽度不是fixed@Learning，谢谢你的澄清！我已经更新了我的答案。我会接受这个答案，尽管我可以按升序更改年份顺序，但如果能让它正常工作，那就太好了，因为它是重复的，在给定标记不变的情况下显示解决方案。如果可以对项目进行重新排序，则可以删除
顺序
规则。