显示
用于设置元素显示样式的样式属性。
显示属性
<Box display="flex" />
// responsive
<Box display={{ base: "none", md: "block" }} />| 属性 | CSS 属性 | 令牌类别 |
|---|---|---|
display | display | - |
隐藏元素
从...隐藏
使用 hideFrom 属性在特定断点处隐藏元素。
<Box display="flex" hideFrom="md" />| 属性 | CSS 属性 | 令牌类别 |
|---|---|---|
hideFrom | display | 断点 |
低于...隐藏
使用 hideBelow 属性在特定断点以下隐藏元素。
<Box display="flex" hideBelow="md" />| 属性 | CSS 属性 | 令牌类别 |
|---|---|---|
hideBelow | display | 断点 |