javascript - 没有固定高度时如何检测 jquery 中的换行符？

Question

我需要我的插件来检测元素的换行符，这里是代码:

$.fn.inlineOffset = function (){
    if ($(this).css('text-indent') == '0px' && $(this).height() != 17) {
      var el = $('<i/>').css('display', 'inline').insertBefore(this[0]);
          pos = el.offset();
      el.remove();
      return pos;
    }
    else {
      var pos = $(this).offset()
      return pos;
    }
  };

如您所见，它仅在元素的高度为 17px 时才有效。但是如果我需要设置不同的高度怎么办？我需要这个解决方案，因为如果我尝试在新行的第一个字母之前添加元素，它会出现在它的左上角，我只需要在文本行断开时添加。

Answer 1

我使用的一种方法是通过在空间将文本拆分为数组并将数组与 span 标记连接起来，循环遍历所有 span 以检查位置，从而将 span 中的每个单词包装起来。当 top 增加时你发现一个换行符