如何使用 typed.js 使 div 元素居中

Question

如何使用 typed.js 使 div 元素居中

<script>
    var typed = new Typed('#typed', {
      stringsElement: '#typed-strings'
    });
</script>
<script>
  document.addEventListener('DOMContentLoaded', function() { var typed = new Typed("#typed", { stringsElement:'#typed-strings', typeSpeed: 30, }); });
</script>

<br><br>

<div id="typed-strings">


<p>
text here</p>

</div>
<div id="typed"></div>

我嘗試使用 css 將我的 div 置於輸入文本的中心：

#typed-strings {
  top: 50%;
left: 50%;
border: 4px solid #ecf0f1;
}

Answer 1

如果您希望將輸入的文本居中放置在 div 中：

#typed-strings {
  text-align: center;
}

如果您希望將 div 置於屏幕中央：

#typed-strings {
  width: 500px;
  margin: auto 0;
}