显示
用于设置元素显示样式的样式属性。
显示属性
¥Display Property
<Box display="flex" />
// responsive
<Box display={{ base: "none", md: "block" }} />| 属性 | CSS 属性 | 标记类别 |
|---|---|---|
display | display | * |
隐藏元素
¥Hiding Elements
隐藏于
¥Hide From
使用 hideFrom 属性隐藏特定断点处的元素。
¥Use the hideFrom prop to hide an element from a specific breakpoint.
<Box display="flex" hideFrom="md" />| 属性 | CSS 属性 | 标记类别 |
|---|---|---|
hideFrom | display | breakpoints |
隐藏于下方
¥Hide Below
使用 hideBelow 属性隐藏特定断点下方的元素。
¥Use the hideBelow prop to hide an element below a specific breakpoint.
<Box display="flex" hideBelow="md" />| 属性 | CSS 属性 | 标记类别 |
|---|---|---|
hideBelow | display | breakpoints |