文字不居中问题难道是无解的吗,多久了官方都没解决!
发布于 6 年前 作者 jiangguiying 691 次浏览 来自 问答

第n次问了:文字不垂直居中,各种方法试遍,各种手机居中效果都不太一样,望官方早出解决方案。这是开发当中最痛苦的事情之一。也可移步https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=00060c3d7f4430e48ac6d3f705bc00 查看我之前的提问

10 回复

反正搞小程序这么久,没遇到过不垂直居中的情况。建议兄弟静下心好好研究一下。传统的line-height  新的flex布局。都能解决。文字垂直居中粗略数一数,起码有五种方法。

无解的,只能看似居中,不能绝对居中

只有文字的情况下,你可以将 line-height 设定成和 height 一样,这样就居中了,但是如果有别的内容,比如图片,你会蛋疼的。

试过了,荣耀8居中没毛病。

不如用 padding 吧。抱歉没找到能复现这个 bug 的手机。

图层高度用line-height替代height,然后vertical-align:middle,这样就可以垂直居中了。个人见解

部分安卓机型有这个问题,一种解决方案是 text 的 font-size、padding 等都设置为两倍 rpx,然后用 scale 缩放。这样虽然居中了,但是把外层容器给撑起来了。

您好,我们已经看到了您的问题,但是我们就是假装看不到并且不想给你解决,而您,无可奈何。——TX

你看看苹果的(方法二和三),这才是真正意义上居中

用绝对定位可以解决你的居中烦恼

回到顶部