无需JS/框架，能否用HTML/CSS实现多容器自动文本续排？

结论：仅靠原生HTML/CSS无法实现类似Photoshop/Illustrator的文本跨容器自动续排功能——也就是一段文本排满第一个独立容器后，无需手动操作自动流入第二个指定容器的效果，目前没有对应的原生CSS属性支持这种多容器的文本流式排版逻辑。

现有CSS相关排版能力（非目标效果） #

• 文本环绕：通过float或shape-outside属性可实现单一容器内文本环绕元素的排版，但仅局限于同一容器内部，无法跨容器续排。
• 容器内分栏：使用column-count、column-width等属性能在单个容器内自动将文本分成多栏，但这是容器内部的分栏布局，不能指定不同的独立DOM容器作为文本续排的目标。

实现目标效果的可行方案 #

若要实现文本跨独立容器自动续排，必须借助JavaScript：

• 手动计算：通过JS获取第一个容器的可容纳文本量，截取溢出的文本内容并插入到第二个容器中。
• 借助工具库：使用专门处理文本流式排版的JS库（如针对文本续排的轻量工具）来简化开发流程，但核心逻辑仍依赖JS的DOM操作和文本计算。

内容的提问来源于stack exchange，提问作者iminsert