中心<a> tags below a form

Question

如何将表格下方的标签居中 的login.asp

<%
$Response->write(qq[

<div class="row">
<div class="col-md-4"></div>

    <div class="col-md-4">
        <div class="image_logo">
            <img class="img_logo" src="images/wearefamily-logo.png" alt="wearefamily-logo"/>
        </div>

        <h2 class="title_header">].gettext("title_header").qq[</h2>

        <div id="error_message_div">]. ( $Session->{login_error} ? gettext("wrong_credentials") :  "" ).qq[</div>

        <form class="loginForm" name="loginForm" action="index.asp" method="post" autocomplete="off">
            <input id="send" type="hidden" name="send" value="0" />
            <input id="uri" type="hidden" name="uri" value="">
            <input type="text" name="username" class="input" id="username" placeholder=].gettext("email").qq[ value="" /><br>
            <input type="password" name="password" class="input" id="password" placeholder=].gettext("password").qq[ value="" /><br>
            <input type="button" value=].gettext("signin").qq[ class="btn submit_btn"/><br>
        </form>
        <a class="form_link" href="index.asp?action=reset">].gettext("resetpassword").qq[</a><br>
        <a class="form_link" href="index.asp?action=register">].gettext("register").qq[</a>
    </div>
<div class="col-md-4"></div>
</div>

]);

 %>

我想将表格下方的标签居中...“重置密码”和“注册到wearefamily kids”应位于中间位于中间的标志按钮

Answer 1

使用下面给出的代码

<div class="btn-block">
<a class="form_link" href="index.asp?action=reset">].gettext("resetpassword").qq[</a>
        <a class="form_link" href="index.asp?action=register">].gettext("register").qq[</a>
</div>



.btn-block {
  text-align:center;

}

.btn-block a {
display:inline-block;

}

Answer 2

我认为您没有覆盖a元素的行为，因为您还没有发布您的CSS。

  

a元素呈现为内联元素。这是默认值。

这意味着a元素的行为与文字类似，因此您可以将text-align:center;提供给元素的父级，以使a元素居中。

.col-md-4
    {
       text-align: center;
    }