在Javascript中,我有一个div,里面有一个段落。我已经产生了效果,其中div在宽度和宽度上缓慢扩展。揭示了下面段落中的文字。
我将divs宽度设置为零,然后每10毫秒我将宽度增加10px。这很好用,因为我已经将div设置为隐藏溢出。
我的问题:但是段落中的文字换行到父div的当前宽度,这意味着文本跳过&随着宽度的增加重新格式化。
我想删除/停止此事件,所以我明确地将段落宽度设置为100px(div完全展开后的宽度)但问题是当我去检查Firebug中段落元素的CSS宽度时,它没有设置,即它没有列在HTML元素的内联CSS样式中?
这让我觉得默认的段落元素有显示块和&忽略宽度参数,这是正确的吗?
我的最终问题是:如何让段落元素为100px宽?我是否需要更改显示类型以使宽度起作用?
这不起作用:
pEle.style.width =“100px”; //也许我需要在设置宽度之前更改显示类型?
答案 0 :(得分:1)
如果我正确理解了您的问题,您可以这样做,只需在CSS中明确设置段落的宽度。
默认情况下,一个段落元素是块级别,并且会占用你指定的任何宽度...让我想到你尝试设置宽度的方式出错了。
这是一个快速的小提琴 - http://jsfiddle.net/MerlinMason/Sdq65/
希望有所帮助!
答案 1 :(得分:0)
我真的相信你的所有问题都可以通过在你的段落中添加这个css属性来解决:
white-space: nowrap;