我想要做的是类似于Photoshop/Illustrator/其他软件中的文本框换行,你可以写一个段落,但是如果“溢出”,它会跳到另一个文本框中,就像填充那个文本框一样。
如果可能的话,我希望能够在不使用JavaScript的情况下,只使用HTML/CSS来实现这个功能,或者至少知道这是不可能的,我应该转向其他方案。
我想要的视觉示例:https://i.stack.imgur.com/Dzbhv.jpg
我尝试了我见过的CSS文本换行的每个属性,还进行了Web爬取,但是我没有看到任何类似于我想要的东西。
你可以设置显示的单词数量,以防止超出盒子(经典的“阅读更多”),但我怀疑你只能使用html/css来实现这一点。
当然,我可能错了,但我没有看到html或css可以根据特定条件进行通信,剪切内容并自动跳转到下一个div。
我在其他地方得到了一个非常接近的建议,我在这里发布帖子,以帮助可能需要的其他人,似乎没有一个自由浮动的方法,然而,
column-(x)
属性似乎是最好的选择。在这里可以找到一些文档:https://www.w3schools.com/css/css3_multiple_columns.asp
我实现的方式是给它分配一个自我描述的类(在这种情况下是threeColumnDiv),每当我需要时都会使用它。
另一个似乎可能理想的东西是grid-row属性(参考:https://www.w3schools.com/cssref/pr_grid-row.php)。
如果还有其他需要的东西,似乎你将不得不以自定义的方式来做,但我觉得这些边缘情况很少,不应该是个大问题。
感谢大家在这个问题上的回应和帮助!