如何將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; 
}