javascript - 打字。如何让内容不下移？

Question

从新行输出单词时，所有内容都向下移动，我该如何防止这种情况？如何使文本框的大小恒定且在键入时不会向下移动？

这是我的代码：

var str = "<p>There are many variations of passages of Lorem Ipsum availableThere are many variations of passages of Lorem Ipsum available. There are many variations of passages of Lorem Ipsum available. There are many variations of passages of Lorem Ipsum available</p>",
  i = 0,
  isTag,
  text;
  
(function type() {
  text = str.slice(0, ++i);
  if (text === str) return;
  document.getElementById('typewriter').innerHTML = text;
  var char = text.slice(-1);
  if (char === '<') isTag = true;
  if (char === '>') isTag = false;
  if (isTag) return type();
  setTimeout(type, 80);
}());

<div id="typewriter"></div>

标签： javascript