寻找如何测量行数的想法

时间:2011-06-03 15:47:02

标签: javascript jquery height line css

我想在网页上拍摄文字,并在线条中测量它的高度,无论其他任何参数如何, 因此,如果我缩小文本宽度并获得更多行,我将获得新行数。

如何使用JS和jQuery做任何想法?

此外,什么样的行编号技术很常见?

3 个答案:

答案 0 :(得分:4)

与Ghommey的评论几乎相同,但是使用行高而不是高度。

在这里小提琴:http://jsfiddle.net/k_rma/vbCJm/

答案 1 :(得分:3)

这是一个小型的jQuery函数:

$.fn.numLines = function() {
    var tmp = $('<div style="visibility:hidden;">x</div>').appendTo(document.body);
    var lines = this.height() / tmp.height();
    tmp.remove();
    return lines;
};

您只需致电$('#someElement').numLines()即可检索行数。

以下是演示:http://jsfiddle.net/ThiefMaster/sHzMP/

答案 2 :(得分:0)

这将给出给定文本中的行总数

  text.split("\n").length