Javascript 基于偏移量在文本周围创建跨距

我们正在尝试将div中的内容放在主div中，但是行的一半被剪切了。我们应该如何避免这种情况。我们应该如何识别这条线，围绕这些单词创建一个跨度，并将其稍微向上或向下移动

我们尝试了

offsetheight

，

offsetTop

等，因为我们不想使用滚动条。jquery中是否有任何处理此问题的方法

---

这里的代码：

我在玩你的代码。。。我不能百分之百肯定你想完成什么。。但是看看我所做的修改，如果它让你更接近你想要做的事情，请告诉我

我为下一个和上一个添加了功能，还修改了周围的框，因此没有填充。您可以调整所有这些，但这可能会阻止通过jquery移动内容的需要

演示：

---

你能提供一些代码和一个JSFIDLE页面让我们看看发生了什么吗？我不知道在这些单词周围加上一个空格并稍微向上或向下移动的目的是什么-你能解释一下你的最终目标吗？你能控制每个p中显示的内容的文本长度吗？如果是这样的话，你就不需要移动文本了——你可以限制每个p标签中的字符数，这样你就不会隐藏文本了。。从思想上讲，我试图根据div的高度使用边距顶部来调整div中的文本，因为我将内容向上移动，行的一半正在被剪切，所以如果我用span包装文本并找到偏移量，我可以添加或减去偏移量并调整div部分

 $(".next").click(function() {
    var visiblep = $(".content p:visible");
    if (visiblep.next().length == 0) 
    {
      $(".content p:first").show();
    }
    else
    {
      visiblep.next().show();
    }
    visiblep.hide();
  });