小程序
小游戏
企业微信
微信支付
扫描小程序码分享
第n次问了:文字不垂直居中,各种方法试遍,各种手机居中效果都不太一样,望官方早出解决方案。这是开发当中最痛苦的事情之一。也可移步https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=00060c3d7f4430e48ac6d3f705bc00 查看我之前的提问
11 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
您好,我们已经看到了您的问题,但是我们就是假装看不到并且不想给你解决,而您,无可奈何。——TX
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
皮一下很开心
只有文字的情况下,你可以将 line-height 设定成和 height 一样,这样就居中了,但是如果有别的内容,比如图片,你会蛋疼的。
这个早就试过,没用
部分安卓机型有这个问题,一种解决方案是 text 的 font-size、padding 等都设置为两倍 rpx,然后用 scale 缩放。这样虽然居中了,但是把外层容器给撑起来了。
反正搞小程序这么久,没遇到过不垂直居中的情况。建议兄弟静下心好好研究一下。传统的line-height 新的flex布局。都能解决。文字垂直居中粗略数一数,起码有五种方法。
试过了,荣耀8居中没毛病。
用绝对定位可以解决你的居中烦恼
请问如何解决,能给个代码片段吗
将文本标签设置为:position:absolute,left:0;right:0;top:0;bottom:0;margin:auto;
似乎没效果,文字显示在左下方,代码片段:wechatide://minicode/AjMJxwmr7TjI
不如用 padding 吧。抱歉没找到能复现这个 bug 的手机。
这个也试过,一样没用
唔,padding 也不行那真是个妖怪了。
只得从另一角度来看,也就是 line-height:1 和 vertical-align: middle 的关系了。
大概是这样:https://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/
字母会有 1-3px 的偏差是因为 g 这样字符,汉字也会倒真是少见。
图层高度用line-height替代height,然后vertical-align:middle,这样就可以垂直居中了。个人见解
这个早试过,没用
无解的,只能看似居中,不能绝对居中
你看看苹果的(方法二和三),这才是真正意义上居中
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
您好,我们已经看到了您的问题,但是我们就是假装看不到并且不想给你解决,而您,无可奈何。——TX
皮一下很开心
只有文字的情况下,你可以将 line-height 设定成和 height 一样,这样就居中了,但是如果有别的内容,比如图片,你会蛋疼的。
这个早就试过,没用
部分安卓机型有这个问题,一种解决方案是 text 的 font-size、padding 等都设置为两倍 rpx,然后用 scale 缩放。这样虽然居中了,但是把外层容器给撑起来了。
反正搞小程序这么久,没遇到过不垂直居中的情况。建议兄弟静下心好好研究一下。传统的line-height 新的flex布局。都能解决。文字垂直居中粗略数一数,起码有五种方法。
试过了,荣耀8居中没毛病。
用绝对定位可以解决你的居中烦恼
请问如何解决,能给个代码片段吗
将文本标签设置为:position:absolute,left:0;right:0;top:0;bottom:0;margin:auto;
似乎没效果,文字显示在左下方,代码片段:wechatide://minicode/AjMJxwmr7TjI
不如用 padding 吧。抱歉没找到能复现这个 bug 的手机。
这个也试过,一样没用
唔,padding 也不行那真是个妖怪了。
只得从另一角度来看,也就是 line-height:1 和 vertical-align: middle 的关系了。
大概是这样:https://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/
字母会有 1-3px 的偏差是因为 g 这样字符,汉字也会倒真是少见。
图层高度用line-height替代height,然后vertical-align:middle,这样就可以垂直居中了。个人见解
这个早试过,没用
无解的,只能看似居中,不能绝对居中
你看看苹果的(方法二和三),这才是真正意义上居中