使用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、显示的效果如下图：
#one{text-align:center//居中
font-size:12px//字体大小为12像素
line-height:20px
height:20px
font-weight:bold//加粗
width:200px
margin:auto
}
#two{
text-align:center//居中
font-size:12px//字体大小为12像素
line-height:20px
height:20px
font-weight:bold//加粗
width:200px
margin:auto
}
<div id="one">第一</div>
<div id="two">第二</div>
div+css布局中要实现文本的水平居中，需要设置容器的text-align:center实现注意容器必须是块级元素并且有宽度时候支持这个属性。
垂直居中设置div的行高，比如你的DIV容器高度是height：22px，那么你设置line-height：22px这样你的文字就会垂直居中了
祝你好运！
如果要实现整个页面的水平居中，设置容器的左右margin:auto，前提是你的容器宽度比页面屏幕显示区域宽度小。
