使用“ padding”属性对不同的边添加不同的填充值

Question

是否可以在React的不同边添加不同的填充值？我知道padding-top，padding-bottom等属性，但是我试图找到一种方法，可以像在CSS这样的单行中添加它们：

padding: "10px 7px 10px 7px"

感谢您的关注。

Answer 1

设置padding should work fine。但是，您也可以使用paddingVertical和paddingHorizontal分别将填充从上到下和从左到右设置。

以下所有给您相同的结果：

style={{padding: '10px 7px 10px 7px'}}
style={{padding: '10px 7px'}}
style={{paddingVertical: '10px', paddingHorizontal: '7px'}}