2012-07-24 53 views
2

这里是图像来解释它如何查找逐行的字符数?

div line

<div id="tshirt"> 
    <div id="text-wrapper"> 
     <p id="tshirtover">Nothing is impossible unless we try it</p> 
    </div> 
</div> 

有没有办法找到第一线的长度?

我试过下面的jQuery函数。它给出了整个字符串的长度。

$("#tshirtover").text().length; 

但我只需要找到第一行。有可能得到它吗?

+0

有没有换行符,因为它只是换行换行?或者你在使用实际换行符? – Kristian 2012-07-24 07:16:11

+0

@Kristian我没有在那里使用任何换行符! – agurchand 2012-07-24 07:17:20

+0

你是什么意思的“第一线” – Usman 2012-07-24 07:17:44

回答

2

我能想到的唯一方法就是创建空白div(具有固定宽度),然后开始逐个字符地填充文本字符,使用计数器来存储已经放置了多少个字符并且还观看div的高度,只要高度发生变化就意味着一条新线路刚刚开始。

+0

如果尝试这样做,还必须确保该对象在每个字符之后也会重新布局(在所有浏览器中),以便高度准确。编码可能非常棘手。 – jfriend00 2012-07-24 07:28:19

+0

感谢这个有用的信息。我希望这会做 – agurchand 2012-07-24 07:28:24

+1

@agurchand也许这个帖子将有助于一些http://stackoverflow.com/questions/783899/how-can-i-count-text-lines-inside-an-dom-element-can-i – 2012-07-24 07:33:16