文字居中
height：20px；
line-height20px；// height=line-height

hetight=20px;
font-size=20px;
padding:10px 0;//用padding撑开

做移动端都会遇到文字垂直居中的问题，特别是有些手机真的很难调整，然后就是必须要文字居中，那就说说几种文字垂直居中的问题吧。

普通的元素例如div

1.这种居中，利用padding上下值来居中。

2.知道高度用line-height来，但是这个一般在安卓手机都有点不是很彻底的居中，偏下一点点。

3.利用弹性盒子display：flex；align-items: center;也能垂直居中；

如果是利用父子两个元素；上述的方法都行，在此基础上补充几个；

4.利用绝对定位。父级position: relative;子元素： position: absolute; top: 0;bottom: 0; margin: auto;

5.同样是绝对定位。父级position: relative;子元素： position: absolute; top: 50%;transform: translate(0, -50%);

6.如果是利用标签的属性，比如button，input这些都是可以自己垂直居中的；

7.当然，这些我全部试过，但是在安卓某些手机上依旧是偏上一点，这就很蛋疼了。后来也是自己寻找利用安卓的属性来特定的设置的方法，例如
isAndroid: function(){
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/android/i) == "android") {
        return true;
    } else {
        return false;
    }
  },
if(isAndroid()){
    $('.div').addClass('android');
}
.div{
    margin-top: 7px;
}
.div.android{
    margin-top: 10px;
}

但是这样写有点繁琐，因为每个页面很多地方都有可能需要。但是这是处理比较好的方式了，

8.还有就是利用transform先放大在缩小，但是这样一来就会把元素的占位放大一倍；而且仔细看还是有一点不居中，不过好多了。

9.内行高+line-height：normal；也能垂直居中,
<div style="box-sizing: border-box; padding: 5px; line-height: normal; font-size: 11px;">
  <span>嘿嘿</span>
</div>

10.行高+font-size:initial这样也能垂直居中。
<divstyle="line-height: 26px; font-size: initial;">
  <span style="font-size: 11px;"> 嘿嘿</span>
</div>

介绍了这些垂直居中的方法，总有一种适合你的

css表格文字居中可以使用text-align属性来设置，对表格的table与td标签设置css样式为text-align:center;即可实现表格内文字居中。
css表格中的文字是如何居中的：
在开始我们先介绍个属性，就是这个属性才能使表格在css样式中居中起来。
text-align 属性规定元素中的文本的水平对齐方式。
该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔，可以支持值 justify；不同用户代理可能会得到不同的结果。
属性值：left    把文本排列到左边。默认值：由浏览器决定。
right    把文本排列到右边。
center    把文本排列到中间。
justify    实现两端对齐文本效果。
inherit    规定应该从父元素继承 text-align 属性的值。
让我们进个完整的实例吧：
PHP中文网
table,td{text-align:center;border-style:solid}
文字
文字
文字
文字
效果图：

CSDN Markdown 文字居中
1. 文字居中
<center>文字居中</center>

2. 文字加粗居中
<center>**文字加粗居中**</center>

3. 文字斜体居中
<center>*文字斜体居中*</center>

for instance