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

标签 javascript html css

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

我将 div 宽度设置为零,然后每 10 毫秒将宽度增加 10px。这很好用,因为我已将 div 设置为 overflow hidden 。

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

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

这让我觉得默认情况下段落元素有显示 block 并忽略宽度参数,对吗?

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

这行不通:

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

最佳答案

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

默认情况下,段落元素是 block 级别的,并且会采用您指定的任何宽度...让我觉得您尝试设置宽度的方式出了问题。

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

希望对您有所帮助!

关于javascript - 通过 Javascript 设置段落 CSS 宽度不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8115758/

相关文章:

javascript - 如何为周末着色而不是隐藏在完整的日历中?

javascript - Framework7 上未显示涟漪效果和图标

css - 删除 CSS Grid 垂直单元格间距

javascript - 以仅提供 src 属性的 iframe 为目标

javascript - 如何在.load()之后获取javascript函数的返回值?

javascript - 使用 Javascript Django 从数据库中的值中检索数据

javascript - 如何渲染 jsx 以响应条件为真和数组映射?

javascript - gzip 不适用于 aws s3 Assets

css - 如何在网页中一个接一个地创建div

javascript - 动态添加和删除帖子标题