0

在此处输入图像描述

这是我的文本框，我在其中填充了数据库中的城市名称并实现了自动完成功能..现在您可以看到自动完成框的左侧出现了一个恒定的间隙..如何从 cs 中删除该间隙..pls帮助

<asp:AutoCompleteExtender ID="autoComplete1" runat="server"    
 EnableCaching="true"
  BehaviorID="AutoCompleteEx"
   MinimumPrefixLength="2"
  TargetControlID="myTextBox"
   ServicePath="AutoComplete.asmx"
  ServiceMethod="GetCompletionList" 
   CompletionInterval="1000"  
   CompletionSetCount="20"
    CompletionListCssClass="autocomplete_completionListElement"
  CompletionListItemCssClass="autocomplete_listItem"
  CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem"
  DelimiterCharacters=";, :"
  ShowOnlyCurrentWordInCompletionListItem="true">
  <Animations>
  <OnShow>
  <Sequence>
   <%-- Make the completion list transparent and then show it --%>
  <OpacityAction Opacity="2" />
   <HideAction Visible="true" />

     <%--Cache the original size of the completion list the first time
     the animation is played and then set it to zero --%>
      <ScriptAction Script="// Cache the size and setup the initial size
                            var behavior = $find('AutoCompleteEx');
                            if (!behavior._height) {
                                var target = behavior.get_completionList();
                                behavior._height = target.offsetHeight - 2;
                                target.style.height = '0px';
                            }" />
            <%-- Expand from 0px to the appropriate size while fading in --%>
           <Parallel Duration=".4">
             <FadeIn />
        <Length PropertyKey="height" StartValue="0" 
EndValueScript="$find('AutoCompleteEx')._height" />
           </Parallel>
         </Sequence>
          <OnHide>
      <%-- Collapse down to 0px and fade out --%>
              <Parallel Duration=".4">
        <FadeOut />
        <Length PropertyKey="height" StartValueScript=
"$find('AutoCompleteEx')._height" EndValue="0" />
         </Parallel>
     </OnHide>
           </Animations>
4

3 回答 3

0

使用自动完成演示，您似乎需要在现有样式表下方的页面中添加样式。

CSS

.autocomplete_completionListElement,
.autocomplete_completionListElement > li {
    margin:0;
}
于 2013-11-15T10:35:53.243 回答
0

添加

margin : 0px!important;

如何将 css 应用于 ajax 中的自动完成文本框？

于 2013-11-15T10:13:21.587 回答
0


可能是您的 css 中的空白问题，添加white-space: nowrap;并检查它是否有效

于 2013-11-15T10:09:45.470 回答