Javascript CSS键入效果不跨越多行

我已经浏览了这个网站，似乎找不到解决这个问题的方法

我有一种在数组中滚动各种句子的打字效果，每当达到某个宽度时，我需要将其换行到第二行，但是如果我删除

空白：wrap

，您可以在多行上看到所有文本，并且它会缓慢地扩展宽度，我需要它仅在达到某个宽度后换行

我尝试在动画中的某个点添加

空白：wrap

，但是，这似乎没有达到预期效果

代码如下：

.type容器{
最小高度：100vh；
背景：#000；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
调整项目：灵活启动；
位置：相对位置；
}
.内容{
颜色：var（--白色）；
保证金：0自动；
宽度：28%；
}
ulli{
显示：内联块；
溢出：隐藏；
高度：100px；
字体大小：29px；
位置：绝对位置；
左：36%；
框大小：边框框；
动画：输入5s步骤（100，结束）无限；
空白：nowrap；
}
#光标{
显示：内联块；
垂直对齐：中间对齐；
宽度：3倍；
高度：34px；
背景：var（--白色）；
动画：闪烁1s步数（100，结束）无限；
左边距：3倍；
}
@关键帧键入{
0% {
宽度：0%；
}
50% {
宽度：100%；
}
100% {
宽度：0%；
}
}
@关键帧闪烁{
0% {
背景：透明；
}
50% {
背景：var（--白色）；
}
}

我们的管理团队拥有50多年的经验：


{句子}

如果你想使用typed.js，React是否可以使用它？为了获得正确的键入效果，我认为你必须引入一些Javascript。另外，如果句子对于允许的100px高度来说太长，你希望它看起来像什么？