reactjs - 用于反应的 Ant 设计 UI 库，类型为 flex 的行作为道具未按预期工作

Question

使用 ant design react UI 库，我正在尝试创建具有 flex 类型的三列的行，但列仍然没有采用 flex 属性。找到以下代码：

<Content className="site-layout-background">
    <Row gutter={16} className="homepage-row" type="flex" align="middle">
        <Col className="gutter-row" span={6}>
            <div style={style}>col-6</div>
        </Col>
        
        <Col className="gutter-row" span={6}>
            <div style={style}>col-6</div>
        </Col>

        <Col className="gutter-row" span={6}>
            <div style={style}>col-6</div>
        </Col>
    </Row>
</Content>

这是我添加的附加CSS，

.ant-row .homepage-row{
  width: 100%;
}

标签： reactjsreact-nativeantdant-design-pro