Javascript jQuery"；作物“；div

我希望我没有重复——似乎没有任何问题与我的问题规格相同

我正在寻找一种使用jQuery“裁剪”div的方法。div的宽度将从零开始，然后设置动画到其全长。棘手的是，我希望任何溢出的文本都被隐藏起来，而不是仅仅按下来填充空间

常规的“overflow:hidden”似乎不起作用，因为我可能有很多行文本，我希望每一行都被“裁剪”，所以每一行的字符都是隐藏的，而不是被下一行

---

我希望这是清楚的。有什么建议吗？

您需要使用嵌套元素和CSS：

<div id="content">
   <p>Paragraph 1</p>
   <p>Paragraph 2</p>
   <p>Paragraph 3</p>
</div>

如果您不想在标记中添加额外的div，那么可以在jQuery中创建包装div，并在需要设置动画时将段落放在其中

小提琴：

看看这把小提琴

#wrapper

div将使用

overflow-x:hidden

控制裁剪；它不会显示超出其宽度的内容。

#text

div将包含实际文本，如果为此容器指定宽度，则行不会随着

#wrapper

div的展开而更改

我希望这有帮助。

---

Hristo

您可能正在使用

nowrap

选项查找

空白

CSS属性

例如：

---

调整宽度以查看更多或更少的文本。

@Zak，下面是一个示例（仅CSS无jQuery）：

p { width: 300px; margin-top: 18px; }
#content { overflow: hidden; width: 50px; }