移动端文字居中问题 垂直方向
2019-06-12 本文已影响0人
pipu
移动端居中问题 垂直方向
在开发过程中,发现在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;
}
当然还有很多的剧种方式没有试,因为总是要用最简单的嘛。