通过Javascript设置段落CSS宽度不起作用

时间:2011-11-13 23:46:17

标签: javascript html css

在Javascript中,我有一个div,里面有一个段落。我已经产生了效果,其中div在宽度和宽度上缓慢扩展。揭示了下面段落中的文字。

我将divs宽度设置为零,然后每10毫秒我将宽度增加10px。这很好用,因为我已经将div设置为隐藏溢出。

我的问题:但是段落中的文字换行到父div的当前宽度,这意味着文本跳过&随着宽度的增加重新格式化。

我想删除/停止此事件,所以我明确地将段落宽度设置为100px(div完全展开后的宽度)但问题是当我去检查Firebug中段落元素的CSS宽度时,它没有设置,即它没有列在HTML元素的内联CSS样式中?

这让我觉得默认的段落元素有显示块和&忽略宽度参数,这是正确的吗?

我的最终问题是:如何让段落元素为100px宽?我是否需要更改显示类型以使宽度起作用?

这不起作用:

pEle.style.width =“100px”;    //也许我需要在设置宽度之前更改显示类型?

2 个答案:

答案 0 :(得分:1)

如果我正确理解了您的问题,您可以这样做,只需在CSS中明确设置段落的宽度。

默认情况下,一个段落元素是块级别,并且会占用你指定的任何宽度...让我想到你尝试设置宽度的方式出错了。

这是一个快速的小提琴 - http://jsfiddle.net/MerlinMason/Sdq65/

希望有所帮助!

答案 1 :(得分:0)

我真的相信你的所有问题都可以通过在你的段落中添加这个css属性来解决:

white-space: nowrap;