如何用里面的文本更改html div元素的大小

时间:2013-03-20 21:07:33

标签: javascript html

我的页面上有一个DIV元素,里面有一些文字,它的尺寸小于DIV元素。

我还有一个javascript函数,它使用setTimeout来动画元素的width属性的变化。

然而,当宽度变得小于其中文本的宽度时,文本在新行上断开,依此类推。我尝试使用white-space:nowrap,它使文本保持在同一行,但当元素的宽度小于文本宽度时,文本保持在它之外。

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

3 个答案:

答案 0 :(得分:3)

将(overflow:hidden)添加到div元素。 (demo

答案 1 :(得分:1)

您想再添加一点CSS(demo):

overflow:hidden;

答案 2 :(得分:0)

尝试

white-space:预包装