如何将loginStatus登录屏幕居中

Question

我想中心登录控件，它使用loginstatus控件选择登录后显示。

<div id="linkContent"> 
    <asp:LoginStatus ID="LoginStatus2" runat="server" 
     LogoutAction="RedirectToLoginPage" /> 
</div> 

我尝试了几种不同的方法，我发现在谷歌和没有工作。我使用的IE 9

我想：

#linkContent 
{ 
text-align: center; 
} 

我曾尝试：

<div id="linkContent"> 
    <asp:LoginStatus ID="LoginStatus2" runat="server" 
     LogoutAction="RedirectToLoginPage" style="text-align: center;" /> 
</div> 

，我尝试：

#linkContent 
{ 
margin-left:auto; 
margin-right:auto; 
} 

我还指出登录到我自己的登录.aspx但它不起作用：

在webconfig中：

<authentication mode="Forms" > 
    <forms loginUrl="Login.aspx" /> 
</authentication> 

这些都没有奏效。登录控件保持左对齐。 loginStatus控件在母版页中使用。

任何帮助，将不胜感激。

谢谢。

Answer 1

使用内嵌样式（它移动到你的CSS文件！）：

<div style="width: 500px; margin: 0 auto;"> 
    <asp:LoginStatus ID="LoginStatus2" runat="server" LogoutAction="RedirectToLoginPage" /> 
</div> 

更改500px的你控制的宽度。

Answer 2

你需要把margin-left: auto和margin-right: auto;上的LoginStatus控制生成的标记，不包含的元素。

假设你在web.config有ClientIDMode="Static"，并且通过登录静态控件生成的HTML结果将具有的LoginStatus2id，这将这样的伎俩：

#LoginStatus2 
{ 
    margin-left:auto; 
    margin-right:auto; 
}