间距在 MUI 中的工作原理。例如 <Box component= "section" py={[5， 5， 10]}>

Question

<Box component="section" py={[5, 5, 10]}>[5，5，10]是什么意思？我理解"py＝｛5｝"的意思是填充顶部和底部是5个单位。"[5,5,10]"怎么样？

Answer 1

当您设置3个参数时，第一个用于顶部，第二个用于左右，第三个用于底部。

这意味着：CCD_ 2，CCD_ 3，CCD_ 4，padding-bottom:10

这也适用于其他样式，如边距、半径等。