margin-top在内嵌块表单中无法正常工作

我有一个内部具有输入文本类型的表单，我使用下面的代码将它放在选择对象的前面，但它不完全与选择对象。margin-top在内嵌块表单中无法正常工作

enter image description here

当我尝试引入在CSS的margin-top，如下图所示，它的动作都选择对象，并在下面的文本框中：

form { 
    display: inline-block; 
} 

.textBox 
{ 
margin-top:50px; 
}

请指导我一下这个问题。

来源

2014-09-04 Khawar Ali

获取用于.textBox摆脱利润率和尝试这个办法：

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

警告：这将调整所有的投入要素，所以你可能需要添加更多的声明，如果你有更多的元素，你需要它。如果只是这两个元素，那么你会好的

来源

2014-09-04 21:54:40 Devin

这工作得很好，谢谢！ – 2014-09-04 21:57:21

尝试把margin-top:.5em;在线条的样式：

<input class="textBox" type="text" value="A random value" style="width:222px;  height:36px; font-size:24px; padding-left:11px;padding-top:2px;color:#666666; margin-top:.5em;">

来源

2014-09-04 21:46:52 Jay

它仍然在移动两个对象在一起，既选择项目和文本输入一起移动，也请参见我已经添加到问题的图像，这可能会给你对这个问题更好的想法 – 2014-09-04 21:50:42

margin-top在内嵌块表单中无法正常工作

回答

相关问题