使用空格創建下拉菜單

我一直在努力嘗試放置下拉菜單，並最終獲得成功。但我仍然有另一個問題。問題是在文本框和下拉圖像之間創建了一個小差距。這是我的html代碼。任何人都可以請幫我找出問題。使用空格創建下拉菜單

<input type="text" id="DropDownTextBox" readonly="true" 
    style="height:17px;font:normal 10px verdana; 
    width:85px;border-right:0px ; 
    border-bottom:1px solid #333; 
    border-top:1px solid #333; 
    border-left:1px solid #333;" 
    value ='Filter' 
    onClick="ShowDropDown('DropDownTextBox');"/> 
<img src="/images/dropdown_arrow.png" 
    style="vertical-align:middle;" 
    onClick="ShowDropDown('DropDownTextBox');" 
    id="showDropDownImg"/>

來源

2012-03-26 Tinkerbel

嘿，嘗試使用[jsfiddle]（http://jsfiddle.net/）發佈您的示例。所以，我們更容易看到。 – Sufendy 2012-03-26 09:52:11

這裏是我的jsfiddle輸出： http://jsfiddle.net/RhtSA/embedded/result/ – Tinkerbel 2012-03-26 09:56:52

此外：http://jsfiddle.net/RhtSA/ – Tinkerbel 2012-03-26 09:57:32

你只需要刪除/刪除img標籤開始和輸入標籤結束之間的空間。見下面並執行它，現在你不會在它們之間找到任何空間。

<input type="text" id="DropDownTextBox" readonly="true" 
style="height:17px;font:normal 10px verdana; width:85px;border-right:0px ;border-bottom:1px solid #333;border-top:1px solid #333;border-left:1px solid #333;" value ='Filter' onClick="ShowDropDown('DropDownTextBox');"/> 
<img src="/images/dropdown_arrow.png" 
style="vertical-align:middle;" onClick="ShowDropDown('DropDownTextBox');" id="showDropDownImg"/>

來源

2012-03-26 09:54:40

HTML不考慮標籤之間的空格。： - http://jsfiddle.net/CaCLt/ – Pranav 2012-03-26 10:01:45

@Pranav - HTML不關心_how many_空格字符的存在，但是如果存在多於零的空格，輸出中將顯示空格：http：// jsfiddle .net/JWCzy/ – AKX 2012-03-26 10:22:33

，因此他們出現在標籤之間的空間....我已經執行它，並相應地回覆 – 2012-03-26 10:25:49

使用空格創建下拉菜單

回答

相關問題