设置 text-align: center；line-height:height 居中无效

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;
}

转载于:https://www.cnblogs.com/prospective-zkq/p/10246236.html