单独的填充顶部/底部/左侧/右侧工作，一个填充没有。为什么？答案

【问题标题】：Separate paddings top/bottom/left/right work, one padding doesn't. Why?单独的填充顶部/底部/左侧/右侧工作，一个填充没有。为什么？
【发布时间】：2021-05-16 04:41:08
【问题描述】：

我想在scss文件中自定义一个连接到html的按钮。

这是一种弹性布局。

元素本身的大小是83.333×16px。

盒子大小是

box-sizing:border-box;

当我进入时

上边距：1rem;

padding-bottom: 1rem;

padding-left: 1.875rem;

padding-right: 1.875rem;

它有效。

当我输入时

填充：1rem 1.875rem;

它不起作用。

我应该启用什么吗？这么简单的语法怎么行不通？我尝试在 Google 上搜索它，但从未找到任何相关内容。

【问题讨论】：

需要更多信息来证明您的问题。该元素的大小是多少，是否涉及 box-sizing，它是浮动、块、flex、网格布局吗？等等……
@G-Cyrillus 我添加了一些。有帮助吗？
你有一个 sn-p 按钮 [<>] ，单击它并添加你的 HTML 和 CSS 以表明你的填充不起作用（如果需要，你也可以使用假文本和假图像）假文本：webfx.com/web-design/html-ipsum（等）假图片：picsum.photos/images（等）

标签： html css sass padding

【解决方案1】：

试试这个：

padding: 1rem 1.875rem 1rem 1.875rem;

如果我没记错的话，你是按顺时针方向读取填充值的，所以是左上右下。

【讨论】：

padding: 1rem 1.875rem; 也是这样做的 :)
@G-Cyrillus 有趣的是后者有效，而我的填充没有。
@P.Vowk 也许是错字？两者都做同样的事情；）（在问题中创建一个 sn-p 可能会帮助您发现自己做错了什么；））
@G-Cyrillus 可能是一个错字，即使我检查了三次，我想。现在两者都有效...我应该删除我的问题吗？