css - 语义UI React-段中的中心表单？

我正在尝试将表单组的中心放在语义UI反应中。

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

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

是否有可能将表单组与可用于语义UI反应的道具居中？

最佳答案

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

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

这是工作中的Demo

关于css - 语义UI React-段中的中心表单？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45111701/