微信小程序样式padding理解

原来做网站业务时，没有重视过前端开发，认为那是美工的事情，现在要自己开发微信小程序了，

发现如果自己不懂，那将是一件非常懊恼的事情。

看来欠下的东西迟早要还的。

下面将最简单的padding样式拿出来总结一下。

padding 就是内边距，就是说控制上下左右的边距，让界面感觉没有那么拥挤。

这个意思都明白，但实战是却遇到padding有时候带1个参数、有时间带2个参数、有时间带4个参数。

按照我一贯偷懒的想法，都以为第一个代表内上边距，结果这是错的！！！浪费了我好多时间！！！

下面一一解释。

padding: 5px;    带一个参数，表示上下左右都是5px距离

padding: 5px 0;  带两个参数，表示什么呢？表示上下都是5px，左右都是0px，就是这里容易出错，切记切记！

padding: 5px 4px 3px 2px; 带四个参数，表示上5px，右 4px，下3px，左2px

就写到这！