使用空格创建下拉菜单

我一直在努力尝试放置下拉菜单，并最终获得成功。但我仍然有另一个问题。问题是在文本框和下拉图像之间创建了一个小差距。这是我的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

使用空格创建下拉菜单

回答

相关问题