自动将文本包装到新元素中的方法，无需手动或使用.js/js框架手动操作

Question

我想要做的是类似于Photoshop/Illustrator/其他软件中的文本框换行，你可以写一个段落，但是如果“溢出”，它会跳到另一个文本框中，就像填充那个文本框一样。

如果可能的话，我希望能够在不使用JavaScript的情况下，只使用HTML/CSS来实现这个功能，或者至少知道这是不可能的，我应该转向其他方案。

我想要的视觉示例：https://i.stack.imgur.com/Dzbhv.jpg

我尝试了我见过的CSS文本换行的每个属性，还进行了Web爬取，但是我没有看到任何类似于我想要的东西。

Answer 1

你可以设置显示的单词数量，以防止超出盒子（经典的“阅读更多”），但我怀疑你只能使用html/css来实现这一点。

当然，我可能错了，但我没有看到html或css可以根据特定条件进行通信，剪切内容并自动跳转到下一个div。

Answer 2

我在其他地方得到了一个非常接近的建议，我在这里发布帖子，以帮助可能需要的其他人，似乎没有一个自由浮动的方法，然而，column-(x)属性似乎是最好的选择。

在这里可以找到一些文档：https://www.w3schools.com/css/css3_multiple_columns.asp

我实现的方式是给它分配一个自我描述的类（在这种情况下是threeColumnDiv），每当我需要时都会使用它。

另一个似乎可能理想的东西是grid-row属性（参考：https://www.w3schools.com/cssref/pr_grid-row.php）。

如果还有其他需要的东西，似乎你将不得不以自定义的方式来做，但我觉得这些边缘情况很少，不应该是个大问题。

感谢大家在这个问题上的回应和帮助！