Html Android中的垂直居中

Html Android中的垂直居中,html,css,flexbox,css-position,centering,Html,Css,Flexbox,Css Position,Centering,我使用flexbox、table和vertical align试图解决这个问题,但没有任何效果 你可以看到下面的截图。安卓的字体不居中(小于12px的字体大小),但iOS操作系统工作正常 删除线高度 设置行高:正常,上部间距小于底部 安卓 网间网操作系统 .tags{ 显示器:flex; 柔性包装:包装; 证明内容:中心; 利润率:0-5px; 填充顶部:10px; } .标签{ 弹性:0.25%; 最小宽度:0; } .tag.caption{ 位置:相对位置; 显示:块; 高度:20

我使用flexbox、table和
vertical align
试图解决这个问题,但没有任何效果

你可以看到下面的截图。安卓的字体不居中(小于12px的
字体大小),但iOS操作系统工作正常

删除线高度 设置
行高:正常
,上部间距小于底部

安卓

网间网操作系统

.tags{
显示器:flex;
柔性包装:包装;
证明内容:中心;
利润率:0-5px;
填充顶部:10px;
}
.标签{
弹性:0.25%;
最小宽度:0;
}
.tag.caption{
位置:相对位置;
显示:块;
高度:20px;
线高:20px;
保证金:5px;
字体大小:10px;
颜色:#82879b;
文本对齐:居中;
空白:nowrap;
溢出:隐藏;
文本溢出:省略号;
}
.tag.说明:在{
内容:'';
位置:绝对位置;
排名:0;
左:0;
右:0;
底部:0;
宽度:200%;
身高:200%;
边框:1px实心#82879b;
边界半径:20px;
变换原点:0;
变换:缩放(.5);
框大小:边框框;
}
英语
你
看见
它是
在android中
中国人
中
文
对
齐
日本人
エネルギッシュな
サニー
ハロー
ばか

我认为您可以在Android和其他任何地方集中文本,而代码要少得多

以下是一个简化版本:

.tags{
显示器:flex;
柔性包装:包装;
证明内容:周围的空间;
}
.标签{
弹性:0.23%;
最小宽度:0;
高度:35px;
边界半径:35px;
边框:1px纯黑;
显示器:flex;
证明内容:中心;
对齐项目:居中;
}
.tag.caption{
字体大小:14px;
空白:nowrap;
溢出:隐藏;
文本溢出:省略号;
}

这
应该
居中
在android中

?@pol文本
字体大小应小于12px,如9px,并且不会再次居中。。。这让我很困惑…嗨~当设置
字体大小小于12px时,文本位置不再居中(垂直,而不是水平)…我在Android浏览器中测试了我的答案。文本在垂直和水平方向上都完全居中。。。最后,我使用了
填充
使它看起来居中。。。你的解决方案在英语中很好用,但在CJK(中文、日本、韩文)中,它又会更高,谢谢,伙计~我刚刚在安卓上试过这个。Nexus 6P。它几乎垂直居中,但仍然明显向顶部偏移。在PC上,它是完美的。UTF-8,没有特殊字符。只是在iPhone5上试过-同样的东西。填充没有帮助。可以让它在手机上看起来很好,但在电脑上就搞糟了。