多种字体大小-Javascript / jQuery键入效果

Question

我创建了一个简单的打字效果，如下图所示： http : //jsfiddle.net/kitsonbroadhurst/fzf70ttg/9/

我的问题是，在键入大文本时，它将上下移动整个行。

添加多种字体样式和大小时，是否可以将文本全部保持在同一水平？ （即，添加大字体时，较小的文本不会垂直移动）

我尝试过使用position: relative包装器div，然后使用position: absolute将所有内容保持在同一行，但这没有用。

.wrapper {
    position: relative;
}

.text-box {
    position: absolute; 
    bottom: 0;
}

我宁愿不使用任何类型的插件，而宁愿使用编码解决方案。

Answer 1

设置线条高度，使其不会跳动：

p { line-height: 75px; }

使用box模型时，浏览器将根据文本大小动态计算高度。 在元素上放置硬尺寸可以防止这种情况。