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

Question

在 Javascript 中，我有一个 div，里面有一个段落。我制作了一个效果，其中 div 的宽度慢慢扩大并显示下面段落中的文本。

我将 div 的宽度设置为零，然后每 10 毫秒我将宽度增加 10 像素。这很好用，因为我已将 div 设置为隐藏溢出。

我的问题：但是段落中的文本会换行到父 div 的当前宽度，这意味着文本会随着宽度的增加而跳跃并重新格式化。

我想删除/阻止这种情况的发生，所以我明确地将段落宽度设置为 100px（div 完全展开后的宽度），但问题是当我在 Firebug 中检查段落元素的 CSS 宽度时，它没有设置，即它没有列在HTML元素内联CSS样式中？

这让我觉得段落元素默认有显示块并忽略宽度参数，对吗？

我的终极问题是：我怎样才能让段落元素为 100px 宽？我是否需要更改显示类型才能使宽度起作用？

这不起作用：

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

Answer 1

如果我正确理解了您的问题，您只需在 CSS 中明确设置段落的宽度即可。

默认情况下，段落元素是块级的，将采用您指定的任何宽度...让我认为您尝试设置宽度的方式出了点问题。

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

希望有帮助！

Answer 2

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

white-space: nowrap;