使用jquery设置跨距字体大小的动画，而不移动行的其余部分 我有一个简单的行，使用Bootstrap类的CypPHION心脏把一个心脏放在正文的中间： <p>Some text <span class="glyphicon-heart"></span></p>

问题是当我设置动画时，线的其余部分会移动。我相信这是因为当跨距字体大小增加时，最大行高会发生变化

---

我是否可以在不移动行的其余部分的情况下制作此动画，即不更改最大行高？

您还可以为段落标记的行高制作动画以与之匹配。在这把小提琴里，我在p标签上加了一个20px的线高，所以把它改成你的。我将动画设置为0px，然后返回到20px

一些较大的文本

---

$（'.glyphicon heart'）。动画（{fontSize:'200%'，线宽：'0px'}）。动画（{fontSize:'100%'，线宽：'20px'}）
您还可以为段落标记的行高设置动画，使其与之匹配。在这把小提琴里，我在p标签上加了一个20px的线高，所以把它改成你的。我将动画设置为0px，然后返回到20px


一些较大的文本

$（'.glyphicon heart'）。动画（{fontSize:'200%'，线宽：'0px'}）。动画（{fontSize:'100%'，线宽：'20px'}）
就快到了。它仍然移动了生产线，但我做了一些修改，几乎成功了。我没有使用0作为线高度，而是保存了原始值并进行了设置。这很好：var lineHeightOriginal=el.css（'lineHeight'）；el.animate（{fontSize:'200%'，线宽：lineHeightOriginal}）；问题是当我试图将动画设置为80%的较小字体时。这条线移动了，与上面那条线的距离变小了。差不多到了。它仍然移动了生产线，但我做了一些修改，几乎成功了。我没有使用0作为线高度，而是保存了原始值并进行了设置。这很好：var lineHeightOriginal=el.css（'lineHeight'）；el.animate（{fontSize:'200%'，线宽：lineHeightOriginal}）；问题是当我试图将动画设置为80%的较小字体时。直线移动，与上方直线的距离减小。
$('.glyphicon-heart').animate({fontSize: '200%'}).animate({fontSize: '100%'});