1、打开编辑器，新建test.html，用于学习今天的内容。
2、接下来需要在head标签下方引入jquery.min.js插件，如下图所示。
3、在页面的body标签里，新建一个div，名称为test。
4、在body标签下方写上<script></script>,用来存放js代码。通过class定位到div，通过css()方法让文字居中。
5、在浏览器中打开test.html，可以在文字在页面中间显示。
JS代码让文字垂直居中的方法
水平居中方法： 将浏览器可视区的宽度(clientWidth) -减去 要居中元素本身的宽度(offsetWidth) /除以 2 +'px'
垂直居中方法： 将浏览器可视区的高度(clientHeight) -减去 要居中元素本身的高度(offsetHeight) /除以 2 +'px'
window.onload = function() {
var oMain = document.querySelector('#pop-main')
oMain.style.left = (document.documentElement.clientWidth - oMain.offsetWidth) / 2 +'px'
oMain.style.top = (document.documentElement.clientHeight - oMain.offsetHeight) / 2 +'px'
}
js代码
JS即Javascript，Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。
当时服务端需要对数据进行验证，由于网络速度相当缓慢,只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。
