中心登錄按鈕

中心的形式
更改日誌的文本登錄按鈕（查看下圖）

我當前的代碼是：

<asp:Login CssClass="loginbox" id="Login1" DisplayRememberMe="False" runat="server" BackColor="#F7F6F3" BorderColor="#E6E2D8" BorderPadding="4" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#333333" Height="255px" OnAuthenticate="Login1_Authenticate" Width="541px"> <CheckBoxStyle BackColor="#CCCCFF" /> <InstructionTextStyle Font-Italic="True" ForeColor="Black" /> <LoginButtonStyle BackColor="#FFFBFF" BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284775" /> <TextBoxStyle Font-Size="0.8em" /> <TitleTextStyle BackColor="#5D7B9D" Font-Bold="True" Font-Size="0.9em" ForeColor="White" /> </asp:Login>

來源

2016-08-16 James Ronaldo

<span class="button"> 
    <button type="button">Click me!</button> 
</span>

和此CSS：

.button { 
    display:block; 
    margin:0 auto; 
    text-align:center; 
}

來源

2016-08-16 11:56:21

align屬性指定了一個元件內的內容的水平對齊。

<div align="center"> 
     <asp:Button ID="MyButton" runat="server" /> 
</div>

HTML5中不支持align屬性。改用CSS。

CSS語法：<div style="text-align:center">

來源

2016-08-16 11:58:58

雖然此代碼片段可能會解決問題，但[包括解釋]（// meta.stackexchange.com/questions/114762/explaining-entirely-code-based-answers）確實有助於提高質量您的帖子。請記住，您將來會爲讀者回答問題，而這些人可能不知道您的代碼建議的原因。也請儘量不要使用解釋性註釋來擠佔代碼，因爲這會降低代碼和解釋的可讀性！ – FrankerZ

如果檢查是獲取登錄的控制，你會發現，在「登錄」按鈕包含在<td align="right">元件內部產生的HTML：

現在你知道是什麼讓按鈕右對齊了。要使它居中，你可以寫一點jQuery來找到<td>有問題，並將right的對齊更改爲center：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(function() { 
     var td = $('input[value="Log In"]').parent(); 
     alert($(td).html()); 
     $(td).attr("align", "center"); 

    }); 
</script>

來源

2016-08-16 18:28:52

中心登錄按鈕

回答

相關問題