移动端居中问题 垂直方向
在开发过程中，发现在andriod机子上出现上下居中问题，文字偏上。
已经试过的方法：
- line-height
- padding
- flex
这三种方法试过都没有效果。
后来发现对网页设置语言的一个方法
<html lang="en">
改成中文字体
<html lang="zh-CN">
相关链接：
设置lang属性后的对比
compare.jpg
可以看到lang=en时按钮文字偏上，而lang=zh时按钮文字偏下，并且其他的文字的也和lang=zh是不一样（具体原因还没有研究）
最后采取的居中的办法是：
.box{
display: table-cell;
text-align: center;
vertical-align: middle;
}
当然还有很多的剧种方式没有试，因为总是要用最简单的嘛。
网友评论