css - 对齐标签和输入垂直

标签 css 960.gs

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

然而,输入有边框,但标签没有,所以输入字段没有与标题(标签)紧密对齐。如果我尝试

input
{
border: 0;
}

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

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

最佳答案

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

而不是应用 grid_X直接类到标签和字段,你应该申请<div>环绕这些输入和标签,或通过定义 input.grid_x 自定义网格类并调整宽度。

关于css - 对齐标签和输入垂直,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7412714/

相关文章:

html - 12 列网格中的 CSS 样式

javascript - 如何在父元素宽度为 0 时隐藏嵌套元素?

css - 960-fluid-rtl.css 在哪里?

html - 将 960 网格系统值放在外部文件中

css - 使用 :hover breaks in IE 的垂直菜单

html - 网格 960 调整大小后占据整个宽度

javascript - jScrollPane 和相对宽度?

javascript - 如何让我的背景颜色从浅蓝色逐渐变成深蓝色开始?

javascript - 如何检查 HTML 元素的动画?