Html 如何设置文本何时换行？

我有一个左侧浮动图像，右侧有文本（在

元素中），通过在段落元素上使用

显示：flow root

，图像周围没有文本环绕。我想要的是，当一组行（比如三行）溢出图像下方时，能够开始在图像周围包装文本。有没有办法做到这一点？ 编辑：这两张图片是我试图做的澄清

由此：

为此，当图像下方出现另一行时（由于屏幕调整大小或类似事件）：

换句话说，只有当屏幕大小使文本在图像下方流动三行或更多行时，才会使文本换行

我的现有代码（用于容器中的图像和文本）：

。正在列出img{
浮动：左；
右边距：20px；
显示：流根；
}
.列出内容{
显示：流根；
}

法尔果园苹果园管理结构的一个关键特征是保持健康的环境
果园林下。苹果树自然生长在森林边缘的树篱中，那里的地面通常覆盖着野花和高草。这有益于有益昆虫
通过提供栖息地和保持树木土壤肥沃，从而为果园提供更好的果实大小和收成。一排排树通常会被割草
每年大约两次，以保持同一种多年生野花的支配地位——一次
开花后不久，大约在七月；在9月中旬至下旬开始收获之前。除了在这些关键点割草造成的覆盖效应外，木屑
覆盖物和砾石将保持树木根系健康，免受过度杂草压力，同时不会损害周围植物。这将促进人类的遗传多样性
果园。

为什么不在段落内移动图像，并通过边距控制图像和段落之间的距离

。正在列出img{
浮动：左；
右边距：20px；
边缘底部：4rem；
}

法尔果园苹果园管理结构的一个关键特征是保持健康的果园下层林。苹果树自然生长在森林边缘的树篱中，那里的地面通常覆盖着野花和高大的树木
草。这为有益昆虫和传粉者提供了栖息地，并保持了树木的土壤肥沃，这反过来又支持了果园更好的果实大小和种植。一排树通常一年修剪两次
保持多年生野花的支配地位——在开花后不久，即7月左右；在9月中旬至下旬开始收获之前。除了在这些关键点割草造成的覆盖效应外，木屑
覆盖物和砾石将保持树木根系健康，免受过度杂草压力，同时不会损害周围植物。这将促进果园的遗传多样性。
法尔果园苹果园管理结构的一个关键特征是保持健康的果园下层林。苹果树自然生长在森林边缘的树篱中，那里的地面通常覆盖着野花和高大的树木
草。这为有益昆虫和传粉者提供了栖息地，并保持了树木的土壤肥沃，这反过来又支持了果园更好的果实大小和种植。一排树通常一年修剪两次
保持多年生野花的支配地位——在开花后不久，即7月左右；在9月中旬至下旬开始收获之前。除了在这些关键点割草造成的覆盖效应外，木屑
覆盖物和砾石将保持树木根系健康，免受过度杂草压力，同时不会损害周围植物。这将促进果园的遗传多样性。
法尔果园苹果园管理结构的一个关键特征是保持健康的果园下层林。苹果树自然生长在森林边缘的树篱中，那里的地面通常覆盖着野花和高大的树木
草。这为有益昆虫和传粉者提供了栖息地，并保持了树木的土壤肥沃，这反过来又支持了果园更好的果实大小和种植。一排树通常一年修剪两次
保持多年生野花的支配地位——在开花后不久，即7月左右；在9月中旬至下旬开始收获之前。除了在这些关键点割草造成的覆盖效应外，木屑
覆盖物和砾石将保持树木根系健康，免受过度杂草压力，同时不会损害周围植物。这将促进果园的遗传多样性。
法尔果园苹果园管理结构的一个关键特征是保持健康的果园下层林。苹果树自然生长在森林边缘的树篱中，那里的地面通常覆盖着野花和高大的树木
草。这为有益昆虫和传粉者提供了栖息地，并保持了树木的土壤肥沃，这反过来又支持了果园更好的果实大小和种植。一排树通常一年修剪两次
保持多年生野花的支配地位——在开花后不久，即7月左右；在9月中旬至下旬开始收获之前。除了在这些关键点割草造成的覆盖效应外，木屑
覆盖物和砾石将保持树木根系健康，免受过度杂草压力