[已解决]微信小程序定制border-radius字体偏右

时间：2019-05-04 来源：小程序工厂

问题模块框架类型问题类型操作系统工具版本
开发者工具微信小程序 Bug Windows 1.02.1807200

第一张图是模拟器里面的，字体居中，

第二张图是手机测试里面的，字体偏右（手机是IPHONE8,微信版本是6.7.0）

下面是代码，
html
{{type?'班':'假'}}css

ul li .detail .round{color:white;height:80rpx;width:80rpx;border-radius:40rpx;text-align: center;line-height: 80rpx;}

微信小程序开发问题解答

微信小程序开发者回答：

找到问题原因了，贼鸡儿恐怖，因为换行了，手机里面编译的时候相当于多了个空格，我把view里面的换行去掉就OK了，，，，，，真是无语！

微信小程序开发者回答：

就是因为用了Webstorm的格式化代码，才多出来了这个换行，头皮发麻

微信小程序开发者回答：

如果用text来分割文本不能格式化.一格式化就会出现text另起一行的情况

微信小程序开发者回答：

用webstorm会换行的

微信小程序开发者回答：

你去掉border-radius也会偏右么

微信小程序开发者回答：

试了，手机一样偏右

微信小程序开发者回答：

你不要border-radius的时候，真机上是居中的吗

微信小程序开发者回答：

一样偏右

微信小程序开发者回答：

页面能做成代码片段吗

微信小程序开发者回答：

已经解决了，就是手机里面的微信对代码编译过程和模拟器的不一样吧，我view里面多了一个换行，再手机里面就相当于加了一个空格，所以老是不能居中，我也是服了，第一次做微信小程序，没想到坑这么多，，，，

微信小程序开发者回答：

这么奇怪？wxml里换行，会引起多个空格？

微信小程序开发者回答：

估计是因为我用webstorm编写的时候，喜欢格式化代码（不对齐难受呀），然后出错了

微信小程序开发者回答：

会有一个空格，经常遇到。

微信小程序开发者回答：

我感觉我没有遇见过这个情况呢，于是去翻了下我写的 wxml，惊人的发现，我居然真没写过内容单独是一行的情况。。长经验了又

微信小程序开发者回答：

aaaabbbbbbcccccccdddddddeeeeeee
这种情况，用text分割开一段文本的时候，使用代码格式化就会出现

微信小程序开发者回答：

我的编辑器，wxml不能格式化，只有js和wxss可以格式化，莫名其妙躲过一劫

本文网址：http://www.91bianli.com/weixinxiaochengxu/49721.html

上一篇：远程调试的audits是可以用的吗

下一篇：微信小程序访问腾讯云储存桶文件