Html flex flow：行换行-显示为列而不是行

由于某些原因，flexbox没有连续显示我的内容。在屏幕变小之前，flex选项甚至可以在全屏模式下进行包装。不知道它为什么这么做。我附上了一个带有代码的截图，这样你就可以明白我的意思了。我希望图像在文本的右边。

*{
保证金：0；
填充：0；
盒子尺寸：0；
}
锂，
a{
字体大小：0.75rem；
字体系列：“机器人”；
字号：700；
颜色：#303133；
文字装饰：无；
}
.第2-h1节{
字体大小：56px；
字体系列：“机器人”；
}
钮扣{
宽度：176像素；
高度：47px；
背景#6442ff；
颜色：#ffffff；
字体系列：“机器人”；
字体大小：12px；
线高：18px；
对齐项目：居中；
边界：无；
}
.第2节标题{
利润率：160像素；
显示器：flex；
柔性流：行换行；
}
.第2节案文{
最大宽度：537px；
右边距：74px；
}
.按钮{
边缘顶部：60像素；
}

文件
同侧阴唇。
Morbi坐在amet varius nunc，blandit vulputate mi。大龙虾。但比本杜姆、奥古斯·奎斯·拉齐尼亚·坦普斯、尤斯托·利古拉·蒂尼杜姆·利古拉、欧盟比本杜姆和自由帝国主义者。毛里斯·维勒·德图尔·阿库。佩伦特式斜线，拉西尼亚式，人马式。阿利夸姆·多洛·安特，朗卡斯·内克·康格，爱神的格言。整型nec维韦拉狮子座。红冠金枪鱼。在尤特埃吉斯塔斯精英酒店

阅读更多

您的图像对于行来说太大，flex工作正常，并且将图像包装在文本下面，因为没有更多的空间。我知道你说图像的大小是专门针对那个区域的，但是你在父对象上的边距和文本包装被推到下面

你的形象有多大？Flex子项不会自动调整大小以适应一行，您还需要指定这些元素的属性。图像的大小是使用figma和photoshop专门为其位置调整的。图像宽度为528px，高度为396。虽然这可能回答了这个问题，但您应该添加工作代码以显示如何修复它。@因为我会这样做，但示例中的图像仍然是本地链接的，因此如果我包含工作代码示例，它将不适用。指出问题是唯一可以做的事情。你可以使用这样的服务-这会给你形象。