Skip to content

Container 布局容器

用于包裹页面内容,提供与 Ant Design 内容区/断点习惯相近的最大宽度内边距语义化根节点能力;与 Layout 页面骨架 组合时负责内容区「版心」。

示例

最大宽度与全宽

语义化根节点(如 main

API

除下表外,还支持原生 HTML 属性(如 idstylerolearia-* 等)。

属性说明类型默认值
component根元素类型(类似 antd 部分组件的 componentReact.ElementType'div'
fluid是否取消版心最大宽度(仍保留水平 paddingbooleanfalse
centered有版心时是否水平居中(mx-autobooleantrue
maxWidth版心最大宽度预设(fluid 为 true 时不生效)'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl''xl'
padding水平内边距预设'none' | 'sm' | 'md' | 'lg''lg'
verticalPadding垂直内边距预设'none' | 'sm' | 'md' | 'lg''none'
className自定义类名string-
style自定义样式CSSProperties-