如何在asp.net中居中使用面板包装的div?
我创建了一个div(搜索结果词栏),它应该只在用户输入搜索词时显示,并且应该显示在布局的中心 我使用了css样式,如下所示如何在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">
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”…有什么想法吗