Tag: word wrap

如何查找文本区域中的文本是否包装为多行?

如何查找textarea中的长文本是否包含在两行或更多行中? 我不是在讨论这里讨论的新线路字符。 我知道插件Textarea Line Count 任何更简单的方法?

涉及“white-space:nowrap”的高度转换:可能用更少的Javascript?

学科 我有一个文本框,用省略号隐藏溢出的文本。 只能看到一行。 我使用text-overflow和white-space: nowrap完成了这个white-space: nowrap 。 元素具有固定的height值。 点击/单击时,框应平滑地展开(它的高度)以显示文本的其余部分。 我使用CSS转换和Javascript完成了这个。 隐藏的“阴影”描述容器包含相同的文本,没有空格和溢出处理。 它有全高。 当设置实际的盒子时,我设置从“shadow”元素读取的height值,并添加一个类,它将删除空白和溢出的东西。 transition: height选项使此更改顺利进行。 题 我想在没有额外的Javascript逻辑和没有阴影元素的情况下这样做。 我想没有这样做 使用setTimeout()等待转换 阴影元素 仅删除white-space和text-overflow不起作用,因为它们不可转换。 我很好奇是否有另一种技巧可以做到这一点。 工作代码 小提琴: http : //jsfiddle.net/ywQTd/ (使窗口足够小以触发text-overflow: hidden ) CSS: #control { position: fixed; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0, 0.05); } .description { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: rgba(0,0,0, […]