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

Question

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

我也有一个JavaScript函数，它使用setTimeout来设置元素的width属性的变化。

但是，当宽度变得小于其中的文本的宽度时，文本会在新行中断开，等等。我尝试过使用空格：nowrap，它使文本保持在同一行上，但是当元素的宽度变得小于文本宽度时，文本将停留在它之外。

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

Answer 1

您要添加CSS的一个多一点（demo）：预包装

Answer 2

与

空白尝试元件。 （demo）

Answer 3

添加（溢出：隐藏）到div

overflow:hidden;