Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用typed.js将div元素居中_Javascript_Typed.js - Fatal编程技术网

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

Javascript 如何使用typed.js将div元素居中,javascript,typed.js,Javascript,Typed.js,如何使用typed.js将div元素居中 <script> var typed = new Typed('#typed', { stringsElement: '#typed-strings' }); </script> <script> document.addEventListener('DOMContentLoaded', function() { var typed = new Typed("#typed", { str

如何使用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>

如果希望将键入的文本置于div内的中心:

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

如果要将div置于屏幕中央:

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