border-radius字体偏右
发布于 6 年前 作者 clong 6715 次浏览 来自 问答

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

第二张图是手机测试里面的,字体偏右(手机是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;}
2 回复

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

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

回到顶部