Javascript 如何在react中对齐按钮、文本字段和中间的文本？

如何在react中对齐按钮、文本字段和中间的文本？

立即申请
onEmailChange（e）}
/>
{validator.message（“email”，email，“必选| alpha”）}
onClickApply（e）}>
{isEmailLoading(
) : (
“应用”
)}

正如我所看到的，您正在对整个表单使用class

col-4

。如果您的网格系统是12列（我想是！），您的列将从左侧放置！除非将偏移量指定给它们（忽略某些列）。如果你想把你的col放在中间，你必须使用offset！在这种情况下，您需要传递4个cols以使您的物品居中！如果您使用的是bootstrap，那么就可以轻松地使用

offset-4

有关网格系统（如引导）中偏移量的更多详细信息：

您的div类示例：

className="form-group text-center col-4 offset-4"

---

您应该创建一个最小的可复制示例（最好是打开），因此“立即应用”应保持在适当的位置？整个组件，在centerWell中，我不熟悉react。但是您可以只应用css，看起来您正在使用引导，所以将

d-flex justify content center

应用到您的第三个div应该可以。或者您可以将

offset-4

添加到第三个div。

className="form-group text-center col-4 offset-4"