Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/.net/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在asp.net中居中使用面板包装的div?_.net_Asp.net_Css_Firefox - Fatal编程技术网

如何在asp.net中居中使用面板包装的div?

如何在asp.net中居中使用面板包装的div?,.net,asp.net,css,firefox,.net,Asp.net,Css,Firefox,我创建了一个div(搜索结果词栏),它应该只在用户输入搜索词时显示,并且应该显示在布局的中心 我使用了css样式,如下所示 search_list{ margin:0 auto; width:1000px; } 所以我在所有决议中都是居中的 现在,我实现了一个asp.net面板ajax控件,仅当用户输入搜索词时才显示div 下面是我的代码: <asp:Panel runat="server" ID="pnlsearchinfo">

我创建了一个div(搜索结果词栏),它应该只在用户输入搜索词时显示,并且应该显示在布局的中心

我使用了css样式,如下所示

search_list{ margin:0 auto; width:1000px; }
所以我在所有决议中都是居中的

现在,我实现了一个asp.net面板ajax控件,仅当用户输入搜索词时才显示div

下面是我的代码:

<asp:Panel runat="server" ID="pnlsearchinfo">
                            <div class="search_list" id="SearchText" visible="false" runat="server">
    <%--<div class="search_text">Search Result for </div>--%>

    <div class="search_term">
        <asp:Label ID="lblsearchtxt" runat="server" Text=""></asp:Label></div>
    <div class="search_return">
        <asp:ImageButton ID="IbtnSearchClose" ImageUrl="images/blu-close.jpg" runat="server"  align="absmiddle" OnClick="IbtnSearchClose_Click"  /><asp:LinkButton
            ID="lnkSearchClose" runat="server" OnClick="lnkSearchClose_Click" >Return to Full List</asp:LinkButton></div>                
    <br class="clr_flt" />
   </div><!-- end search_list --></asp:Panel>
   <cc1:AlwaysVisibleControlExtender TargetControlID="pnlsearchinfo" ScrollEffectDuration="1"
                    ID="AlwaysVisibleControlExtender1" VerticalOffset="225"  runat="server" Enabled="true">
                </cc1:AlwaysVisibleControlExtender>  

返回完整列表

但问题是利润率:0自动;在IE中工作正常(搜索结果栏居中)。但在firefox中,它的抛出问题(左对齐)

当我使用Horizonaloffset时,它在firefox中的工作状态会被抵消。但这不利于解决问题。
我可以用其他控件将搜索结果栏居中吗?

您是否尝试过使用
?是的,我知道这个标签已经被弃用了,但是浏览器仍然广泛支持它,甚至可能比CSS的同类产品还要多,谁知道呢?

我猜在Firefox中,由和see创建的HTML

如果是这种情况,有两种解决方案:

  • 使用CSS将面板宽度设置为100%。与已有的CSS一起,这将允许在其中居中
  • 移动您现在拥有的CSS(边距:0自动;宽度:1000px;)以控制面板本身。当面板看起来在页面流之外时,它将在视口中水平居中
试试看

<div id="SearchText" style="text-align:center;"><div style="width:1000px;">SEARCH RESULT FOR x</div></div>
x的搜索结果

在面板上放置css类(通过面板CssClsss属性)

这个css类必须指定一个宽度

然后将您的div与margin:0 auto放在一起,这个div将在面板中居中

多亏了all

我使用下面的源代码使用css的固定搜索栏


我已经使用了CssClass属性,并且在css代码中规定了边距:0自动。当我运行应用程序时,它仍然会被停用。我认为问题在于我的ajax控件“AlwaysVisibleControlExtende”…有什么想法吗