如何在HTML中打断长文本，使其适合图像的宽度并继续下一行？

Lorem Ipsum只是印刷和排版行业的虚拟文本。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表的发行而流行。

您应该设置容器的宽度，并使用flex wrap来保持所需的宽度，即使有更多的项目并且它们不适合同一行

试试这把小提琴：

img{
宽度：100%；
高度：自动；
}
div.main>div{
宽度：50%；
}
主分区{
显示器：flex；
柔性包装：包装；
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表的发行而流行。


Lorem Ipsum只是印刷和排版行业的虚拟文本。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表的发行而流行。


Lorem Ipsum只是印刷和排版行业的虚拟文本。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表的发行而流行。

您应该设置容器的宽度，并使用flex wrap来保持所需的宽度，即使有更多的项目并且它们不适合同一行

试试这把小提琴：

img{
宽度：100%；
高度：自动；
}
div.main>div{
宽度：50%；
}
主分区{
显示器：flex；
柔性包装：包装；
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表的发行而流行。


Lorem Ipsum只是印刷和排版行业的虚拟文本。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表的发行而流行。


Lorem Ipsum只是印刷和排版行业的虚拟文本。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表的发行而流行。