对齐标签和输入垂直

时间:2011-09-14 07:27:12

标签: css 960.gs

我想在水平方式呈现输入表格,想要将其标签作为标题(第一行是标题包括输入表格的所有标签,第二行是重复的输入表格)。 我尝试使用grid_2, grid_3使用960网格系统,例如申请每个字段及其标签。

但是,输入有边框,但标签没有,因此输入字段与标题(标签)没有紧密对齐。如果我试试

input
{
border: 0;
}

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

如果没有不同的1或2像素输入边框,我如何将其垂直对齐?

1 个答案:

答案 0 :(得分:1)

我不相信网格系统适用于标签和输入字段。

不应将grid_X类直接应用于标签和字段,而应该应用于包含这些输入和标签的<div>,或者通过定义input.grid_x来自定义网格类并调整宽度。