第一张图是模拟器里面的,字体居中,
第二张图是手机测试里面的,字体偏右(手机是IPHONE8,微信版本是6.7.0)
下面是代码,
html
<view class="round floatL" style="background-color:{{type?'#27D1A1':'#03AEFC'}}">
{{type?'班':'假'}}
</view>
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另起一行的情况
你不要border-radius的时候,真机上是居中的吗
一样偏右
页面能做成代码片段吗
已经解决了,就是手机里面的微信对代码编译过程和模拟器的不一样吧,我view里面多了一个换行,再手机里面就相当于加了一个空格,所以老是不能居中,我也是服了,第一次做小程序,没想到坑这么多,,,,
这么奇怪?wxml里换行,会引起多个空格?
估计是因为我用webstorm编写的时候,喜欢格式化代码(不对齐难受呀),然后出错了