css - margin-top 在内联 block 表单中无法正常工作

Question

我有一个表单，里面有一个输入文本类型，我用下面的代码把它放在一个选择对象的前面，但是它没有与选择对象完全对齐。

当我尝试在 css 中引入 margin-top 时，如下所示，它同时移动了选择对象和下面的文本框:

form {
    display: inline-block;
}

.textBox
{
margin-top:50px;
}

请指导我解决这个问题。

Answer 1

去掉 .textBox 的边距，试试这个:

form{display:block;}    
form input{
    display: inline-block; vertical-align:middle;
}

警告:这将对齐所有输入元素，因此如果您有更多元素并且需要它，您可能需要添加更多声明。如果只是这2个元素，那你就OK