Semantic UI React - 段中的中心形式？答案

【问题标题】：Semantic UI React - Center form in segment?Semantic UI React - 段中的中心形式？
【发布时间】：2017-07-14 21:15:08
【问题描述】：

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

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

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

是否可以使用语义-ui-react 可用的道具使表单组居中？

【问题讨论】：

我也将其标记为 css。那里的某个人可以完全指导您以不同的方式来处理这个问题，而无需使用语义。
问题是这些 ui 库中的一些使用了重要的 css 标签，因此很难让它们做事。

标签： css reactjs semantic-ui semantic-ui-react

【解决方案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

【讨论】：

仅供参考，我只需要<Grid centered>。以为我们应该使用行和列，但不需要它们。