Javascript 如何更改包含文本的html div元素的大小

我的页面上有一个DIV元素，里面有一些文本，小于DIV元素的大小

我还有一个javascript函数，它使用setTimeout设置元素宽度属性变化的动画

但是，当宽度小于其中文本的宽度时，文本会在新行上断开，以此类推。我尝试使用空白：nowrap，它使文本保持在同一行上，但当元素的宽度小于文本宽度时，文本保持在它之外

---

如何使文本保持在同一行并沿div容器隐藏？

您想再添加一位CSS（）：

---

您想再添加一点CSS（）：

试一试

空白：预包装

尝试使用

---

空白：预换行

将（溢出：隐藏）添加到div元素。（）

将（溢出：隐藏）添加到div元素。（）

所以我不会删除我自己接受的答案，但@Popoola值得我这么做。他的答案第一次是正确的（在我之前也是正确的），所以我不会删除我自己接受的答案，但是@Popoola值得。他的答案第一次是正确的（在我之前也是正确的），所以这是一个惊人的资源，我想尽我所能鼓励更多的人使用它（接受了被剥夺的答案可能会非常令人沮丧，特别是在早期），所以这是一个惊人的资源，我想尽我所能鼓励更多的人使用它（接受被剥夺的答案可能真的令人沮丧，尤其是在早期）

overflow:hidden;