🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
含义: 内边距是指在盒子结构中,盒子的边框线和内容之间的一段空白区域(内容放不进去)。 我们能设置的就是这个空白区域的大小(宽度)。 同样分4个方向,分别可以单独设置: ``` padding-top:1px; //上内边距 padding-right:2px; //右内边距 padding-bottom:4px; //下内边距 padding-left:8px; //左内边距 ``` 还有一个综合属性: ``` padding:宽度1 [宽度2] [宽度3] [宽度4]; //这个用的最多,推荐使用。 ``` 这个综合属性可以设置1-4个值,不同个数的值,其含义不同,如下所示: 1个值: 表示4个方向都是这个值。 2个值: 第1个表示上下边距的值,第2个表示左右边距的值。 3个值: 第1个表示上边距的值,第2个表示左右边距的值,第3个表示下边距的值。 4个值: 依次代表top, right, bottom, right这4个方向的内边距的值。 记忆: 按给出值的个数,按顺时针依次给上,右,下,左去“赋值”,没有的,就找对面。 ![](https://img.kancloud.cn/c0/bb/c0bbb7aeacc4b20a542730cbebbd53a3_578x189.png) ![](https://img.kancloud.cn/36/9d/369df8cb8961152496e7d2b445b58335_701x361.png)