asp.net - 如何将 loginStatus 登录屏幕居中

Question

我正在尝试使用登录状态控件选择登录后显示的登录控件居中。

<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;
}

我也将登录指向我自己的 Login.aspx，但它也不起作用:

在网络配置中:

<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 更改为控件的宽度。