html - 如何在div中垂直居中元素？

Question

我正在练习制作一个表单，我想将表单元素放在它们行的左侧的中心，就像它会自动用表格完成的那样。这是一些jsFiddle到目前为止我一直在尝试。

如何使表单的标签元素垂直居中？

Answer 1

为 label 提供与 input field 相同的高度，并为您的 label 提供 line-height。像这样:

.element label {
    float: left;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    width: 156px;
}