如何使按鈕和輸入框單行顯示

-1

嗨朋友，我有以下一段代碼。它在Firefox中工作正常，但在Chrome和Internet Explorer中它看起來非常難看。在此代碼中，輸入框和按鈕不會顯示在適當的單行中。他們的路線非常糟糕。我怎樣才能讓他們看起來確切的單行沒有小錯誤。如何使按鈕和輸入框單行顯示

<style> 
#header 
{ 
background:#243342; 
color:#dcdcdc; 
height:55px; 
min-width:960px; 
padding-left:20px; 
padding-right:50px; 
} 
#header a 
{ 
text-decoration:none; 
} 
</style> 

<div id='header'> 
<div style='float:left;'> 
<div> 
    <input type="text" name="url" id="url" class='input-normal' onblur="if (this.value == &quot;&quot;) {this.value = &quot;http://example.com&quot;;}" onfocus="if (this.value == &quot;http://example.com&quot;) {this.value = &quot;&quot;;}" value="http://example.com"/> 
    <button type="submit" name="submit" class='button-normal' id='button-go-responser' onClick="loadsite();">Go</button></div> 
</div> 
<div style='float:right'> 
Custom width:<input type="text" id="custom_width" class='input-normal input-small'/> 
Custom height:<input type="text" id="custom_height" class='input-normal input-small'/> 
<button type="submit" id="button-set-custom" onClick = "set_custom();" class='button-normal'>Set</button></div> 
<div style='clear:both'></div> 
</div>

來源

2014-04-07 Alex

他們似乎在Chrome中對我來說只有一行。 [Fiddle]（http://jsfiddle.net/S8hSU/） – ajp15243

我也是，它在FireFox和其他瀏覽器中看起來**相同。 –

嘗試刪除min-width屬性併爲它們添加寬度的適當屬性。一旦他們完美的大小，然後IE瀏覽器將呈現在一行。

來源

2014-04-07 13:11:53

如何使按鈕和輸入框單行顯示

回答

相關問題