对齐标签并垂直输入

Question

我想水平呈现输入表单，希望将其标签作为标题（第一行是标题，包括输入表单的所有标签，第二行是重复的输入表单）。 我尝试使用grid_2, grid_3 使用 960 网格系统，例如适用于每个字段及其标签。

但是，输入有边框，而标签没有，因此输入字段没有与标题（标签）紧密对齐。如果我尝试

input
{
border: 0;
}

然后它会正确对齐。但是使用这种方式我看不到输入字段可见。

如何在没有不同的 1 或 2 px 输入边框的情况下将其垂直对齐？

Answer 1

我不认为网格系统旨在用于标签和输入字段。

您应该将<div> 应用到环绕这些输入和标签的<div> 上，而不是将grid_X 类直接应用于标签和字段，或者通过定义input.grid_x 自定义网格类并调整宽度。