中心登录按钮

中心的形式
更改日志的文本登录按钮（查看下图）

我当前的代码是：

<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

中心登录按钮

回答

相关问题