微信小程序 border设置单边框失效解决办法

微信小程序 border设置单边框失效解决办法

• • 遇到的问题
  • 解决的方法
  • 总结

遇到的问题

  border-right: 1 rpx solid #ccc;
  border-bottom: 1 rpx solid #ccc;

这样之后发现边框没有显示出

解决的方法

  border-right: 1rpx solid #ccc; /*之前显示不出来是因为1 和 rpx分开了*/
  border-bottom: 1rpx solid #ccc;

![在这里插入图片描述](http://www.kaotop.com/file/tupian/20220428/e25621b307ae413ca4546c285b95ca5d.png
其实原因很简单，就是 1 和 rpx 分开了，将其合在一起后便显示正常了

总结

微信小程序里可能会存在一些语法要求与C++ Python编程语言不一样的地方，比如我们在使用C++的时候喜欢利用空格来美化代码，但是在微信小程序开发中却发现对空格要求很严格！希望这个能帮助到有需要的朋友。