如何将ant.design跨度重置为默认值？

Question

我将ant.design与React.js一起使用，并且我将我的列设置为当屏幕尺寸小于768像素时跨度为24：

<Col
    xs={{ span: 24 }}
    sm={{ span: 24 }}
    md={{ span: undefined }}
    lg={{ span: default }}
    xl={{ span: none }}
>

但是，当屏幕尺寸大于768像素时，我不需要定义跨度（我希望该列占用必要的空间）。如果我不写include md，lg和xl，它们将自动占据sm的范围。我尝试将span设置为undefined，default和none，但是它们都不起作用。我看着ant.design API，但它只是说默认值是没有。

任何帮助将不胜感激。 ：）

Answer 1

使用antd布局无法实现您的要求 网格系统的整个想法是将屏幕分成24列 因此无法通过更改spans属性来实现您的目标

您也可以使col为屏幕宽度的100％（跨度24） 并在其中使用flex / grid

您可以选择另一条路径来创建与网格无关的“ div / span” 不与col一起使用 并在其后使用col