我已经创建了2列和4行，每一列都是一个flex元素，它会变成文本-图片，然后切换。

当您调整窗口大小时，它会打开，但我想打开。

顺晟科技：

您可以使用以下方法切换方向，请参见MDN docs about flex-direction.

在媒体查询中使用，这可以在较小的屏幕上颠倒顺序:

text-img-img-text

编辑为在小屏幕尺寸下显示堆叠效果

您可以使用CSS网格，它使您可以使用order属性完全控制元素的放置位置。

edit:要使元素堆栈，只需将grid-template-columns更改为所需的列数。我添加了两个媒体查询，一个在中等屏幕宽度时堆叠到2列，然后在小屏幕宽度时堆叠到一列。我已经使用order属性使标题适合图像。/编辑。

请参见以下示例: