望电子邮件地址和密码的输入字段并排。然后您希望两个地址字段垂直堆叠并将城市州和邮政编码字段放在同一行。首先您想要使用类和装订线修饰符类来设置元素的样式。使用类设置水平和垂直装订线宽度或列之间的填充。由于是一个望每个输入跨越的十二个可用列的数量。因此要将电子邮件和密码输入放入两个等宽列中您可以使用类。接下来的两个地址和地址将需要一个类因为它们每个都占据整个水平行。对于。
最后一行您希望城市输入的大小与电子邮件和密码输入的大小相同。您希望状态输入为该大小的三分之二而为该大小的一半。因此您可以使用表示城市表示州使用表示。这是全部代码结果如下地址表单示例使用网格类将城市州 WhatsApp 号码数据 和邮政编码放在同一水平上图片来源水平表格示例最适合将标签放置在各自的字段旁边您还可以在同一水平行上显示标签及其关联的表单控件而不是相互堆叠。为此您需要将类应用到父。然后您将类应用于元素将类应用。
于包含输入元素的元素。您还可以将类应用于标签元素以确保它们与其关联的表单控件垂直居中。这是全部代码结果如下水平表单示例在同一水平行中显示标签和关联的表单控件图片来源内联表单示例最适合为较小的屏幕尺寸创建表单如果您希望占用更少的空间那么您可能需要创建一个内联表单其中所有元素都在一行上。您可以使用类来完成此操作。在下面的代码片段中元素使用和类进行样式设置这为列提供了自然宽度。包含类来设置水平。 |
