顶部/底部/左侧/右侧的单独填充有效，一个填充不起作用。为什么？

Question

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

这是一个flex布局。

元素本身的大小为83.333×16px.

box-sizing是

box-sizing: border-box;

输入

padding-top: 1 rem;

padding-bottom: 1 rem;

padding-left: 1.875雷姆;

padding-right: 1.875雷姆;

。

当我输入

它不工作。

我应该启用什么吗?为什么这么简单的语法不行呢?我试着在谷歌上搜索，但没有找到任何相关的。

Answer 1

try this:

padding: 1rem 1.875rem 1rem 1.875rem;

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