Ant Design 网格：固定每个页面大小的宽度答案

【问题标题】：Ant Design grid: fix width in every page sizeAnt Design 网格：固定每个页面大小的宽度
【发布时间】：2020-05-11 12:01:44
【问题描述】：

这可能吗？

这是 ant.design 文档：

xxl ≥1600px，可以是span值或者包含以上props的对象

这意味着我可以这样写：

<Row justify="center">
  <Col xxl={{ flex: "1140px" }} lg={{ flex: "992px" }}>
    Header
  </Col>
</Row>

但不工作！

【问题讨论】：

【解决方案1】：

flex 属性是 flex-grow / flex-shrink 和 flex-basis 的简写。

如果 Row 组件是一个弹性容器，你应该可以使用：

flex-grow: 0; /* doesn't grow */
flex-shrink: 0; /* doesn't shrink */
flex-basis: 1140px; /* the size you want it to be */

也可以写成：

flex: 0 0 1140px;

或在 .js 文件中：flex: '0 0 1140px'

如果容器不是 flex，只需使用 width 属性代替

【讨论】：

你试过宽度吗？行是否足够大以包含您的 1140 像素宽的元素？
Row 和 Col 是 Ant Design 组件，我想使用这些组件功能。宽度不是特征之一。我认为这是 antd 中的一个错误！
Col 具有基于 flex 或 span 道具的动态宽度，这不是您想要的。您必须使用简单的 div 而不是 col 并在其上设置 flex: '0 0 1140px'
我认为你不知道 ant design，所以谢谢你，请不要发垃圾邮件