javascript - 找出容器中文本的最后不完整行的长度

使用JavaScript是否有办法找出容器中（例如div中）文本的（不完整）最后一行的渲染宽度？

例如，假设我有以下HTML：

    <div style="display: table-cell; text-align: justify">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    </div>

如果div不够宽，浏览器会将文本分成多行，可能是这样的：

Lorem ipsum dolor sit amet,  consectetur adipiscing
elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.

如何从JavaScript中找出最后一行（“ dolore magna aliqua。”）的渲染宽度（以像素为单位）？

最佳答案

在这里，这可能会有所帮助，这是您想要的哈吗？

实时查看jsfiddle

$(".borded-textbox").each(function(index, elem) {
  $(elem).append('<span class="endline"></span>')
  var endline = $(elem).find(".endline");
//var sizeOfDiv = $(".borded-textbox").width();
  var sizeOfLeftSpace = parseInt(endline.offset().left);

  endline.css('width', parseInt(endline.offset().left));
   endline.addClass('processed');
  $(".length").append(sizeOfLeftSpace);
});

关于javascript - 找出容器中文本的最后不完整行的长度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40044692/