我一直试图弄清楚如何做到这一点(如果它甚至可能)并且已经画了一个空白......
我有一些文本将包装到多行.我想检测每条线,并将其包裹在一个范围内.最后,我想从一个循环数组为每个span分配一个类.
例如...!
<div id="quote">
I have some text that
wraps onto three lines
in this container
</div>
我想让我的jquery解析这些行,检测它包裹的位置,并将其转换为:
<div id="quote">
<span class="red-bg">I have some text that</span>
<span class="orange-bg">wraps onto three lines</span>
<span class="yellow-bg">in this container</span>
</div>
我想动态执行此操作的原因是我在响应式模板中执行此操作,因此有时相同的文本将仅包装在两行中,或者在iPhone中可能包含四行.
这可行吗？我发现了这个 - > http://vidasp.net/tinydemos/numberOfLines.html它计算了一个文本块中使用的行数,但这并没有真正扩展到我需要的地方.
如果任何jquery忍者可以帮助我会非常感激!
我想知道你是否有任何方式可以打电话和使用overflow:hidden隐藏得很好的东西.
为了澄清我的意思,在这个例子中我想知道"这是隐藏的"是div的隐藏部分.
这甚至可能吗？你会怎么做？
我已经标记了jQuery的问题,但当然无论做什么工作都很棒,纯CSS或Javascript都可以.
提前致谢!
我需要一个Jquery脚本来逐行截断文本(而不是字符计数).
我想实现一个均匀截断的文本块.它应该有一个"更多"和"更少"的链接来扩展和缩短文本段落.我的文本段落包含在一个带有类的div中,如下所示:
<div class="content">
<h2>Headline</h2>
<p>The paragraph Text here</p>
</div>
我能找到的SOF最接近的解决方案是下面一个(但它`对于textarea元素,对我不起作用): 限制在textarea的行数
非常感谢任何提示.本
假设我的p元素或div元素有一个大约10-15行的文本,现在我的客户端对此有一个奇怪的调用,他需要具有不同文本颜色的奇数/偶数行.比较第1行 - 黑色,因此第2行应为灰色,第3行应为黑色,依此类推......
所以我决定使用范围的,改变颜色,而是可变分辨率在这里杀的东西,是知道的的:first-line选择(这将不会在这种情况下很有用),也选择像:odd和:even会我不使用表来这里排除了,所以有什么方法可以使用CSS实现这一点,还是我需要使用jQuery？
TL; DR:我想在段落或div中定位奇数/偶数行
我需要一个CSS解决方案,如果没有,欢迎使用jQuery和JavaScript
有没有办法使用jQuery得到一个块内容的第5行(它的第一个字母的偏移量)？
我的意思是视觉线,浏览器计算线,而不是源代码中的线.