1、打开编辑器，新建test.html，用于学习今天的内容。
2、接下来需要在head标签下方引入jquery.min.js插件，如下图所示。
3、在页面的body标签里，新建一个div，名称为test。
4、在body标签下方写上<script></script>,用来存放js代码。通过class定位到div，通过css()方法让文字居中。
5、在浏览器中打开test.html，可以在文字在页面中间显示。
使用css使文字的居中的方法是有很多中的，一般的情况下使文字水平剧中使用的text-aligin属性，垂直剧中现在常用的方法是使用line-height，设置line-height的值为文字容器的高度即可实现垂直居中。
工具原料：编辑器、浏览器
1、实现一个在高度和宽度都固定的div中的文字水平和垂直均剧中，代码如下：
<div style="border: 1px solid #000000 width: 400px height: 400pxmargin: 0 autotext-align: centerline-height: 400px">水平垂直居中文字
</div>
2、显示的效果如下图：
