css - Semantic UI React - 段中的中心形式？

Question

我正在尝试在语义-ui-react 中将表单组居中。

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

示例： https ://jsfiddle.net/mgrnjtmj/

是否可以使用语义 UI 反应可用的道具来居中表单组？

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>

这是一个工作演示