Javascript 文本处理和分组

主要思想是我有一个没有定义长度的字符串（动态），我需要将它分组到多个列中（就像在图像示例中，忽略图像部分）

所以，正如你所看到的，它必须是精确的。我的主要想法是将字符串拆分为一个单词数组，将每个单词附加到一个容器中，并检查文本容器是否适合父容器（这是固定的）。虽然这个想法可能会奏效，但似乎有点过头了，那么，有人对如何处理这个问题有更好的想法吗？我不能使用css属性来实现这一点，它必须严格地从js中完成，因为我必须进一步使用列中的图像对文本进行分组

---

要明确的是，我不是只有三列，这也是动态的，我可以有1到4列。

你知道CSS3多列布局吗？

---

参见示例。

嗯<代码>列计数：3

培根ipsum dolor amet capicola landjaeger ribeye牛排。火腿、火腿、火腿、火腿、咸牛肉、肉丸、肉丸、猪排骨、牛肉干、鹿肉。香肠猪培根肩猪里脊火腿臀部。三尖里贝耶查克肉丸布雷萨奥拉牛汉堡包。菲力牛排、烤面包、绞圆咸牛肉、熏牛肉、肥背肉鸭、卡皮科拉肉糕、法兰克福肉干排骨。肉丸子里脊猪，嫩里脊猪排骨

尾杯香肠侧翼法兰克福。Jowl ribeye汉堡包bresaola香肠、biltong肉干球、火腿、火鸡、boudin cupim球尖、三尖牛排。香肠尾leberkas，火腿肉丸kevin alcatra猪肉三尖火鸡香肠肉糕。短排骨bresaola鸡leberkas猪肚肉干。培根香克利火鸡鸡腿尾

肩胛肉腰肉舌头短腰肉丸子，牛胸肉。火腿牛腰肉舌下颚。安多维尔猪排骨猪肚臀小腿，猪腰肉猪排恶魔岛比尔顿。牛排骨肉干肥背香肠猪肚

恰克肩凯文·乔尔，猪肉肉排，意大利腊肠。里脊肉饼里脊短里脊猪。研磨成圆形的恶魔岛kielbasa火鸡猪肉。磨碎的圆腌牛肉三尖肥背牛排短腰肉牛鸡腿。肉馅面包侧翼条状牛排短排骨。T形骨火腿鸡胸肉

下颚嫩里脊肉面包火腿，菲力牛排，烤土豆条，火腿，牛肋，香肠，法兰克福，短肋，小腿侧。条状牛排舌牛汉堡包牛排骨波切塔唐纳猪肚皮卡哈。汉堡包火腿肉里脊肉饼，三尖leberkas猪和意大利熏火腿肉饼。肉干布丁鹿肉鸡。Picanha boudin短腰围，尾巴chuck turducken猪肉肚球尖鸡腿干kevin。胸脯里贝耶猪肉，丘比姆磨碎的圆条牛排，法兰克福排骨，凯文·比尔顿火腿，熏牛肉，猪排，丁字骨安多耶。香肠猪鲍丁，小腿球头恰克波切塔鹿肉唐纳火腿下颚火腿火腿鸡里脊肉

不管怎样

我没有得到我希望的答案，我用自己的方式实现了它，将文本拆分成一个单词数组，并在附加每个单词后检查容器维度。它起作用了

我仍然保留了这个问题，因为可能有人需要类似的东西。
对于css属性来说，文本和图像不是问题……正如我在问题中所说，我不能使用css。我必须添加许多列（动态，最多4列，直到我完成一行最多4列，一行可以包含图像、视频、音频和所有类型的内容），然后我需要添加一个show more按钮，在下一行添加更多文本（如果有更多），所以我仍然需要知道我添加了多少文本，我还剩下多少文本。它比列计数更具动态性：n。所以，我需要一个严格使用javascript完成的逻辑。