语义UI反应 - 段中的中心形式？

Question

我正在尝试将一个表单组置于语义ui-react中的一个段中。

通过将容器textAlign设置为center，我可以将所有元素置于中，除了 Form.Group和Form.Input它包含。

实施例： https://jsfiddle.net/mgrnjtmj/

是否可以将表单组的中心与可用于语义ui-react的道具中心化？

Answer 1

使用<semanticUIReact.Grid className="ui segment centered">...，您可以删除textAlign='center'，如下所示：

<semanticUIReact.Container>
    <semanticUIReact.Grid className="segment centered">
        <semanticUIReact.Form>
            ...
        </semanticUIReact.Form>
    </semanticUIReact.Grid>
</semanticUIReact.Container>

这是一个有效的Demo