Html Css-先移动<；李>；末尾的元素

我有以下代码：

9:00 - 13:00
下午15:00-18:00


大街22号
加利福尼亚州洛杉矶09030

您可以使用并设置

li:first child的“顺序”

ul.careplus-infolist{
显示器：flex；
弯曲方向：立柱；
}
ul.careplus-infolist li：第一个孩子{
顺序：3；
}

9:00 - 13:00
下午15:00-18:00


大街22号
加利福尼亚州洛杉矶09030

您可以使用并设置

li:first child的“顺序”

ul.careplus-infolist{
显示器：flex；
弯曲方向：立柱；
}
ul.careplus-infolist li：第一个孩子{
顺序：3；
}

9:00 - 13:00
下午15:00-18:00


大街22号
加利福尼亚州洛杉矶09030

标题不应该说“将第一个

元素移到末尾”？！因为最后一个已经在末尾；-）标题不是应该说“将第一个

元素移到末尾”？！因为最后一个已经在末尾；-）这是一个很好的解决方案，但在UI中这是一个水平列表。。使用您的解决方案，它会在垂直列表中进行转换。如果我试图设置flex-direction:row，它会工作，但在移动视图（具有响应视图）中，它会使列表保持水平，破坏整个布局。@Paulie_D correct，我已经编辑了question@C1X请在问题中添加您如何使列表水平的相关部分。有不同的方法，否则它将再次适用于我必须采取的假设。然后，在flex方向上对媒体查询进行简单的添加，就可以解决额外的要求。@C1X请参见此处，您可以调整视图部分的大小，并看到它从水平变为垂直，第一个子项总是在末尾这是一个很好的解决方案，但在UI中这是一个水平列表。。使用您的解决方案，它会在垂直列表中进行转换。如果我试图设置flex-direction:row，它会工作，但在移动视图（具有响应视图）中，它会使列表保持水平，破坏整个布局。@Paulie_D correct，我已经编辑了question@C1X请在问题中添加您如何使列表水平的相关部分。有不同的方法，否则它将再次只适用于我必须采取的假设。然后，对flex方向上的媒体查询进行简单的添加，即可解决额外的要求。@C1X请参见此处，您可以调整视图部分的大小，并看到它从水平方向更改为垂直方向，第一个子对象始终位于末尾