1.设置文字水平居中
内联元素（行内元素）使用： text-align: center； 使用后文字仍然没有居中
解决方法：设置width：100%；
块元素使用： margin： 0 auto;
2.设置文字垂直居中
注意：如果设置了border则会出现误差，其次分清楚行距与行高
可以使用伪类元素，设置如下：
.text{
width: 16px;
height: 16px;
font-size: 10px;
text-align: center;
}
.text::after{
content: ' ';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
margin-top: 1px;
}