中心本着提交按鈕，表格框

我曾妄圖對準我的提交按鈕的形式的一個條目。我只是想讓提交按鈕稍微位於表單框的右側和中間位置。目前，它在盒子的右側，但有點到底。中心本着提交按鈕，表格框

我已經嘗試了所有的答案不同的響應，以類似的查詢就對準提交按鈕（浮動，保證金等），但對我的生活我無法找到正確的選擇！

我的HTML看起來像這樣：

<input name="query" id="querybox" style="width:400px;height:40px;font-size:26px;border-radius:15px;border=0;"> 
     </input> 

    <input type="button" value="Search" id="search" style="width:100px;height=40px;font-size=20px;"/>

的CSS樣式的按鈕看起來是這樣的：

#search { 
cursor:pointer; 
    width:70px; 
    height: 31px; 
    line-height:0; 
    font-size:0; 
    text-indent:-999px; 
    color: transparent; 
    background: url(ico-search.png) no-repeat #151B54 center; 
    border: 1px solid #FFFFFF; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
} 

#submit:hover { 
    background: url(ico-search.png) no-repeat center #151B54; 
    border: 1px solid #FFFFFF; 

    }

任何幫助非常感謝！謝謝。

來源

2012-09-10 user1661165

單擊幫助你接受它 –

環繞你輸入的每一個div像這樣

<div class="vertAlign"> 
    <input name="query" id="querybox" style="width:400px;height:40px;font-size:26px;border-radius:15px;border=0;"></input> 
</div> 

<div class="vertAlign"> 
    <input type="button" value="Search" id="search" style="width:100px;height=40px;font-size=20px;"/> 
</div>

然後將此CSS

.vertAlign{ 
    display: inline-block; 
    vertical-align:middle; 
}

這裏是一個fiddle，結果

注：所有你的CSS應該是現在很好。我在我的小提琴中忽略了它，以便解決方案更具可讀性。

來源

2012-09-10 20:44:47

ただ答案附近的蜱，驚人的，謝謝！ – user1661165

隨時樂意提供幫助。 –

嘗試這個的jsfiddle：

http://jsfiddle.net/UXRjN/1/

我纏着DIV搜索按鈕，並添加了一些小的屬性

來源

2012-09-10 20:45:21 ews2001

謝謝。剛剛嘗試過。該按鈕現在到框的中心，但它一直在右側。我猜是因爲漂浮？我希望它就在盒子旁邊。僅供參考，我知道懸停ID應該是＃搜索：懸停不提交，在我的部分名稱錯誤以前的變化。 – user1661165

更新了jsfiddle：http://jsfiddle.net/UXRjN/2/ – ews2001

使用vertical-align CSS屬性垂直對齊行內的內聯元素。

來源

2012-09-10 21:29:06

中心本着提交按鈕，表格框

回答

相關問題