当元素不适合屏幕时如何移动元素



我想对类似于flex-wrap: wrap的元素重新排序,但我想对元素重新排序。Youtube就是一个很好的例子。在非移动设备上观看任何Youtube视频(如此视频)。缩小页面后,右侧的推荐视频位于描述和评论部分之间。如果他们只使用柔性包装,推荐的视频将在评论部分下方。我该如何做类似的事情?

我想您可能需要一些javascript,但我不确定该如何处理。谢谢

如果使用display: flex,则存在用于flex项(即flex容器的子项)的order参数,您可以使用该参数定义所需的任何订单,也可以在包装的flex容器中定义。示例:应排在第三位的弹性项上的order: 3;

最新更新