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在內嵌塊表單中無法正常工作

回答

相關問題