使用Flexbox创建一个简单的表单

Web上最简单的表单包含电子邮件字段和提交按钮。有时，电子邮件字段和提交按钮位于同一行，如下所示：

电子邮件和提交按钮在同一行

这个UI看起来很简单！但是如果你使用像以前那样的旧方法，那么构建起来可能很困难inline-block。困难的部分是让电子邮件字段和按钮在视觉上对齐。

CSS Grid或Flexbox可以帮助您轻松构建此表单。

一、使用Flexbox制作表单

从上图中，我们知道表单包含两个元素：

1. 电子邮件字段
2. 提交按钮

这是HTML：

	<form>
	  <input type="email" name="email">
	  <button type=