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

Posted 2023-03-15

【中文标题】间距在 MUI 中的工作原理。例如 <Box component="section" py=[5, 5, 10]>

【英文标题】：how spacing works in MUI. eg <Box component="section" py=[5, 5, 10]>间距在 MUI 中的工作原理。例如 <Box component="section" py=[5, 5, 10]>

【发布时间】：2022-01-10 21:23:00

【问题描述】：

<Box component="section" py=[5, 5, 10]> [5,5,10] 是什么意思？我理解 'py=5' 表示顶部和底部的填充是 5 个单位。 '[5,5,10]' 怎么样？

【问题讨论】：

你确定是 API 吗？ mui.com/components/box

【参考方案1】：

设置3个参数时，第一个为上，第二个为左右，第三个为下。

这意味着： padding-top:5, padding-right:5, padding-left:5, padding-bottom:10

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