HTML文本沒有正確對齊

我有一個文本框，當我輸入術語「筆記本電腦」時，它不能正常顯示。問題出在IE9，而不是Chrome。HTML文本沒有正確對齊

enter image description here

HTML

<input id="small_search_string_sub" name="search_string" type="text" class="newsearch_sub rounded " placeholder="Search..." maxlength="500">

這裏是CSS： -

.newsearch_sub { 
padding: 3px 10px 3px 10px; 
background-color: #FFF; 
width: 220px; 
height: 25px; 
margin-top: 10px; 
vertical-align: top; 
}

來源

2014-09-12 user1050619

嗅出IE並處理它與其他瀏覽器不同。 – 2014-09-12 22:11:34

是css應用於文本輸入的類嗎？包含相關標記會很有幫助 – kinakuta 2014-09-12 22:11:57

嘗試設置行高值 – marcelo2605 2014-09-12 22:13:36

好像你沒有復位輸入默認樣式，也輸入了不格式化其上的文字，以及填充可能會推動文本到很遠。

我試過了，它對IE9來說似乎很好，但是我發現你發送的代碼行上有另一個類（四捨五入），這讓我想知道這裏是否沒有東西丟失，你可以把代碼鏈接，即使作爲一個獨立的頁面，這樣我可以在ie9上調試正確的代碼，也可以給你一個解決方案，如果這個不適合你。

.newsearch_sub { 
    padding: 3px 10px 3px 10px; 
    background-color: #FFF; 
    width: 220px; 
    height: 25px; 
    margin-top: 10px; 
    vertical-align: top; 
    font:12px/24px Arial,Helvetica 
}

來源

2014-09-12 22:41:49

謝謝大家......問題出在傳遞一次後，我調整了固定..但是，當我單獨運行此代碼時，我沒有任何問題，只有在使用整體代碼運行時纔會出現問題。 – user1050619 2014-09-12 23:34:52

HTML文本沒有正確對齊

回答

相關問題