在开发过程中，发现在andriod机子上出现上下居中问题，文字偏上。
已经试过的方法：
这三种方法试过都没有效果。
后来发现对网页设置语言的一个方法
<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;
}
当然还有很多的剧种方式没有试，因为总是要用最简单的嘛。
移动端居中问题 垂直方向 在开发过程中，发现在andriod机子上出现上下居中问题，文字偏上。 已经试过的方法： ...
移动端垂直方向不居中问题设计稿： 手机显示不居中，文字上方少3px 问题产生原因 line-height为rem,...
移动端input placeholder垂直不居中。移动端输入框的placeholder文字仔细看并非完全垂直居中...
移动端使用行高设置文字垂直居中时偏上问题 使用line-height设置行高使文字垂直居中时，安卓机文字显示偏上解...
通常情况是直接line-height 等于 height 可以实现文字居中，chrome模拟器中正常， 但是在真机...
CSS水平居中、垂直居中、水平垂直居中方法总结 文字的水平居中: 单行文字的垂直居中： 让有宽度的div水平居中：...
文字的垂直居中 元素的垂直居中
最近碰到了这样一个问题，设置line-height属性让文字垂直居中，，发现在ios端是居中的，但是在Androi...
一直以来，让前端工程师头疼的问题肯定包括垂直居中这个问题吧，什么文字垂直居中，图片垂直居中之类的，很头疼对不对，如...
前言 flex布局简化了前端布局问题，例如垂直居中，水平居中等，且目前为止主流浏览器都支持了这种布局，特别是移动端...
本文标题：移动端文字居中问题 垂直方向
本文链接：https://www.haomeiwen.com/subject/curlfctx.html
网友评论